Используя webkit-scrollbar - прокрутите до нижней проблемы

Я использую селектор ::-webkit-scrollbar, для которого требуется следующий css в теге body:

body { position:absolute; top:0; left:10px; bottom:0; right:10px; overflow-y:scroll; overflow-x:hidden; }

Мне нужно, чтобы страница прокручивалась вниз, чтобы открыть элемент, который находится в нижней части страницы, используя следующий jQuery:

$('.tester').click(function() { $('html, body').animate({ scrollTop: $(document).height() }, 'slow'); return false; });

Это поведение не работает из-за объявления position:absolute в теге body. Если я удалю это, поведение прокрутки вниз будет работать, как и ожидалось, но это испортит стиль полосы прокрутки webkit.

Кто-нибудь может придумать обходной путь?


jquery scrollbar webkit
person Jamie    schedule 18.05.2011    source источник
comment
Похоже, вы также анимируете элемент html. Что произойдет, если вы просто сделаете $(тело)   -  person Kinlan    schedule 18.05.2011
comment
Привет. Я действительно пробовал это, просто попробовал еще раз, чтобы подтвердить - не работает.   -  person Jamie    schedule 18.05.2011
comment
можете ли вы прислать мне простой тестовый пример... [email protected]   -  person Kinlan    schedule 18.05.2011
comment
Конечно, просто собрал это вместе на случай, если кто-то еще захочет посмотреть: ПРОВЕРОЧНЫЙ ПРИМЕР. используйте инспектор Chrome dev и отключите position:absolute в теге body, поведение прокрутки будет работать. Кстати: вам, возможно, придется уменьшить высоту окна браузера, чтобы полоса прокрутки отображалась.   -  person Jamie    schedule 18.05.2011

Ответы (1)


arrow_upward
2
arrow_downward

Что ж, после долгих поисков и экспериментов я пришел к выводу, что это просто не сработает.

В основном это связано с тем, что приведенный выше CSS в первую очередь является хаком, чтобы заставить браузер скрыть собственную полосу прокрутки и показать версию в стиле webkit внутри тела.

Надеемся, что в будущем команда webkit рассмотрит это, предоставив способы реализации этой функциональности, не прибегая к использованию абсолютного позиционирования в теге body.

К сожалению, по крайней мере на данный момент мне пришлось отказаться от использования пользовательских полос прокрутки, поскольку для этого проекта мне нужна функциональность scrollTop.

person Jamie    schedule 23.05.2011