Я реализовал скрипт чата, который требует, чтобы абсолютно позиционированный DIV был обернут вокруг содержимого страниц.
Это делается для того, чтобы окна чата оставались внизу.
Проблема в том, что из-за абсолютного позиционирования этой главной оболочки все остальные абсолютно позиционированные элементы (например, автозаполнение Jquery, средство выбора даты и т. Д.) Теперь прокручиваются вверх и вниз вместе со страницей.
Вот пример HTML:
<body>
<div id="main_container">
<div id="content">Elements like Jquery Autocompletes, Datepickers with absolute positioned elements in here</div>
</div>
Стиль DIV "main_container" выглядит следующим образом:
#main_container {
width:100%;
background-color:#ffffff; /* DO NOT REMOVE THIS; or you'll have issue w/ the scrollbar, when the mouse pointer is on a white space */
overflow-x: hidden;
overflow-y: scroll;
height:100%; /* this will make sure that the height will extend at the bottom */
position:absolute; /* container div must be absolute, for our fixed bar to work */
}
Я надеюсь, что есть простое исправление, так как скрипт чата слишком хорош, чтобы от него избавиться.
Спасибо
Тим