2011-05-18 62 views
0

我现在用的是:: - 这需要在身体上的标签下面的CSS WebKit的滚动条选择:使用WebKit的滚动条 - 滚动到底问题

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

此行为不会因该位置工作:绝对声明在身上的标签。如果我删除它,向下滚动行为按预期工作,但它会扰乱webkit滚动条样式。

任何人都可以想到一个解决方法吗?

+0

你似乎也在动画html元素。如果你只是做$(“body”) – Kinlan 2011-05-18 13:17:37

+0

嗨。我确实尝试过,只是再次尝试确认 - 不起作用。 – Jamie 2011-05-18 13:31:51

+0

你可以给我一个简单的测试案例... [email protected] – Kinlan 2011-05-18 13:43:08

回答

2

那么,经过大量的搜索和玩耍,我得出结论,这是行不通的。

这主要是因为上面的CSS首先是黑客攻击,让浏览器隐藏本机滚动条并在正文中显示webkit风格的版本。

希望webkit团队能够在未来考虑这一点,并提供实现此功能的方法,而不必诉诸于在body标签上使用绝对定位。

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