单页面布局向上滚动

时间:2014-01-22 15:38:05

标签: html scroll web

我不知道如何解释这个,我正在构建一个单页面布局网站,但不是“通常的”向下滚动效果,我想要这样的东西: www.xsbaltimore.com

你必须向上滚动才能看到其他部分,但我想知道如何做到这一点。谢谢!

2 个答案:

答案 0 :(得分:0)

使用jQuery的.scrollTop()在页面加载时将滚动位置设置为底部。请参阅文档here

作为旁注,让用户向上滚动并不直观,因此在进行可用性测试时请记住这一点。确保它们足够明显,需要向上滚动。

答案 1 :(得分:0)

通过向上滚动来确保人们通过向上滚动查看页面内容的一种不错的方法是为其设置动画。

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

这将在1000毫秒(1秒)内滚动页面。

但此处有更多信息...... Scroll to bottom of Div on page load (jQuery)