单页布局向上滚动

Question

我不知道该如何解释这一点，我正在构建一个单页布局网站，而不是“平常”向下滚动效果，我想要这样的内容： www.xsbaltimore.com

你必须向上滚动才能看到其他部分，但我想知道如何去做。谢谢！

Answer 1

一个很好的方法来确保人们通过滚动来查看页面上的内容将会动画。

$("#div1").animate({ scrollTop: $('#div1')[0].scrollHeight}, 1000); 

这将滚动页面超过1000毫秒（1秒）。

但是更多的信息在这里... Scroll to bottom of Div on page load (jQuery)

Answer 2

使用jQuery的.scrollTop（）在页面加载时将滚动位置设置为底部。请参阅文档here。作为一个侧面说明，让用户向上滚动并不直观，所以在进行可用性测试时请牢记这一点。确保显然他们需要向上滚动。