Есть страница, на ней 4 блока с разной высотой и абсолютным позиционированием наложенные друг на друга. 3 блока невидимые(visibility: hidden), 1 видим, видимость меняется скриптом.
Из за разной высоты блоков, внизу документа появляется пустое место.
Используется скрипт прокрутки jquery.scrollbar.
Необходимо уменьшать и увеличивать высоту прокрутки страницы скриптом, для корректного отображения.
PS: использовать абсолютное позиционирование жизненно-необходимо.
Вместо visibility: visible | hidden используйте display: block | none.
visibility: hidden не прячет элемент из потока вывода, а только скрывает его, т.е. он и дальше находится на том же месте и занимает те же размеры, только не отображает себя/свой контент.
Стоит jquery.scrollbar, у body почти нулевая высота. Но страница длинная. Сам плагин прокрутки не умеет получать в параметрах высоту страницы. Может есть какойто другой?
В каждом блоке куча маленьких блоков с фиксированными высотами, с ними что делать?
Есть такое свойство document.documentElement.scrollHeight, оно работает в режиме только чтение, может из него както кастомному скроллу высоту прокрутки получить можно? или подменить при получении его данные?