Използване на 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 елемента. Какво се случва, ако просто направите $(body)   -  person Kinlan    schedule 18.05.2011
comment
здрасти Всъщност опитах това, просто опитах отново, за да потвърдя - не работи.   -  person Jamie    schedule 18.05.2011
comment
можете ли да ми изпратите прост тестов случай... [email protected]   -  person Kinlan    schedule 18.05.2011
comment
Разбира се, просто събрах това, в случай че някой друг иска да погледне: ТЕСТОВ СЛУЧАЙ Ако използвайте инспектора за разработчици на Chrome и изключете 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