Я решил использовать jscroll на моем следующем веб-сайте, но вот проблема, с которой я столкнулся:
Я сделал довольно липкий нижний колонтитул, который всегда остается в конце содержимого,если содержимого недостаточно для заполнения окна браузера.В этом случае он просто остается внизу.В настоящее время это достигается с помощью следующего CSS (как описано здесь ):
html, body{
height: 100%;
}
#wrapper1{
min-height: 100%;
width: 1250px;
}
#content{
overflow:auto;
padding: 0 0 30 0;
}
#footer {
height:30px;
width: 1250px;
margin-top: -30px;
}
С HTML-структурой примерно такой:
<html>
<body>
<div id="wrapper1">
<div id="content"> ... </div>
</div>
<div id="footer"></div>
</body>
</html>
Как толькотак как я применяю jscroll к телу через class="scroll-pane"
, чтобы заменить полосу прокрутки браузера, нижний колонтитул больше не остается внизу страницы, когда недостаточно содержимого для заполнения окна браузера.
Похоже, что правило height:100%
изменено на auto
.Как я мог предотвратить это?