[英]ul li affecting height
所以我真的整天都呆在這里,我一直在嘗試使用任何會影響頁腳高度的插件。
<!-- 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">© 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>
因此,基本上我想達到的目標是,當您單擊(常見問題列表)中的任何li問題時,它應該會下拉答案,並且還會影響整個頁腳的高度,因此,就像頁腳根據常見問題答案是“自動滑動”一樣,試圖寫if和else語句,但對我沒有任何幫助。
希望我能正確理解您的問題。 如果要讓頁腳與li元素一起滑動,則應將列表項的溢出從隱藏更改為自動。
.nav-list
{
Overflow:auto;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.