2012-08-16 114 views
1

我目前设置滚动条显示为使用此jQuery代码滚动到页面时加载的底部 -滚动条滚动到底部而不使用Javascript?

$(document).ready(function() { 
    $('.mydiv').scrollTop($('.mydiv')[0].scrollHeight); 
}); 

有没有办法做到这一点只用CSS?这样,当用户访问该页面时,该滚动条会自动滚动到底部?

+0

为什么?如果你总是想这样做,为什么不重新排序内容?大会(书籍,漫画,网页)是我们自上而下阅读的。 – 2012-08-16 16:00:37

回答

2

您可以通过在URL和文档中使用锚点,将目标锚点放置在页面底部,而无需使用javascript来完成此操作。虽然这不是很优雅。

+0

完美优雅!我正要提出这个建议。 – 2012-08-16 16:00:01

+0

@ColonelPanic我的意思是说,如果他们想要干净的URL,或者希望在网站主页上发生这种情况,可能不会很优雅;不能控制如何链接到网页。 – 2012-08-16 16:01:07

0

有基于浏览器的扩展,可以帮助你。 不同的浏览器使用不同的扩展名: Chrome,Safari:WebKit,IE:Trident,FF:Gecko。 每个人都可以有不同的方式来做到这一点。 我不知道webkits的特定功能,但要尽量谷歌例如

:: - WebKit的滚动条轨道件:启动

我知道这是不是一个straigtforward的答案,但我希望它将有助于你的研究。

+0

这些伪元素用于设计滚动条的样式,而不是滚动到底部! – 2012-08-16 16:13:06