使用webkit-scrollbar - 滚动到底部问题

Question

我正在使用:: - webkit-scrollbar选择器，它在body标签上需要以下css：

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; }); 

由于body标记上的 position：absolute 声明，此行为无效。如果我删除它，向下滚动行为按预期工作，但它会混淆webkit-scrollbar样式。

有人能想到一个解决方法吗？

Answer 1

好吧，经过多次搜索和玩耍后，我得出结论认为这不会起作用。

这主要是因为上面的CSS首先是一个hack，让浏览器隐藏原生滚动条并在正文中显示webkit样式版本。

希望webkit团队将来会考虑这一点，提供实现此功能的方法，而无需在body标签上使用绝对定位。

不幸的是，至少现在，我不得不放弃使用自定义滚动条，因为我必须为此项目使用scrollTop功能。