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

我正在使用:: – 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团队将来会考虑这一点，提供实现此function的方法，而无需在body标签上使用绝对定位。

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