ul li影響高度

Question

所以我真的堅持這一整天，我一直試圖使用任何插件，這將影響頁腳的高度。

<!-- FAQ --> 
      <section class="faq-container"> 
       <div class="faq-width"> 
        <div class="faq-head">Часто задаваемые вопросы</div> 
        <ul class="faq-list"> 
         <li>1.<a href"#" id="hide">В каких типах помещений можно устанавливать натяжной потолок?</a> 
          <li class="show">Устанавливать потолки можно в любых помещениях, они абсолютно безопасны. Запрещается установка в помещениях с повышенной температурой (парилки, горячие цеха и т.д.), а так же в неотапливаемых помещениях, где температура опускается ниже 0. </li> 
         </li> 
         <li>2.<span>На какой стадии ремонта лучше устанавливать натяжной потолок?</span></li> 
         <li>3.<span>На какую высоту опустятся потолки при установке?</span></li> 
         <li>4.<span>Как долго служат натяжные потолки?</span></li> 
         <li>5.<span>Очень ли заметен шов на пленке ПВХ?</span></li> 
         <li>6.<span>Какой уход необходим потолкам?</span></li> 
         <li>7.<span>Пахнут ли натяжные потолки?</span></li> 
         <li>8.<span>Вредят ли натяжному потолку протечки воды сверху?</span></li> 
         <li>9.<span>Каким способом потолочные люстры подвешивают к натяжному потолку?</span></li> 
         <li>10.<span>Нужно ли выносить всю мебель из комнаты при установке натяжного потолка?</span></li> 
        </ul> 
       </div> 
      </section> 

      <!-- FOOTER --> 
      <footer role="contentinfo"> 
       <div class="contact-container"> 
        <div class="contact-head"> 
         <span class="contact-us"> Свяжитесь с нами! </span> 
        </div> 
        <form action="#" method="POST" class="contact-middle"> 
         <input type="text" name="fullname" class="name-email" placeholder="Имя" tabindex="1" id="name" /> 
         <input type="email" name="email" class="name-email" id="email" placeholder="Email" tabindex="2" /> 
         <textarea rows="10" cols="45" name="msg" placeholder="Сообщение должно быть больше 15 букв" class="name-email" id="message" tabindex="3"></textarea> 
         <button type="submit" id="btn-send" value="Отправить">Отправить</button> 
         <span class="required-note">Все поля обязательны</span> 
        </form> 
        <div class="contact-end"> 
         <span class="copyright">&copy; IRPEX, 2008-2014<a href="mailto:griesti@irpex.lv"> griesti@irpex.lv </a></span> 
         <a href="http://jetcode.lv" class="jetcode-logo">jetcode.lv</a> 
        </div> 
       </div> 
      </footer> 

所以基本上我嘗試才達到，當你點擊（常見問題列表）任麗問題應該下拉列表答案，也影響整個頁腳的高度，所以它就像頁腳是「自動滑動「根據常見問題的答案，我試圖寫if和else語句，但沒有爲我工作。

http://jsfiddle.net/5CdKr/

Answer 1

我希望我明白你的問題的權利。如果您想讓頁腳與li元素一起滑動，您應該將列表項從隱藏變爲自動溢出。

.nav-list 
{ 
    Overflow:auto; 
}