如何在此网页中实现滚动效果?

时间:2014-11-24 11:56:13

标签: javascript jquery html css

我想开发一个个人网站,我希望它能像本网站一样做出反应/工作:

http://www.beoplay.com/products/beoplayh6

滚动不像往常一样工作,而是在不同的部分之间转换?

我想知道这些部分是否有以某种方式锚定的id,并且当用户向某个方向滚动时会应用css转换?

如果有人知道如何制作,请分享。

我正在寻找部分过渡效果。

提前致谢

哈利

3 个答案:

答案 0 :(得分:1)

试试这个: https://ihatetomatoes.net/how-to-create-a-parallax-scrolling-website/

(我与这个网站没有关系 - 只是觉得它有点漂亮)

答案 1 :(得分:1)

不是视差,只是滚动一些额外的缓和。检查一下这是一个好的开始 - http://css-tricks.com/examples/SmoothPageScroll/

答案 2 :(得分:1)

您可以使用带有scrollBar:true选项的fullPage.js创建它。

Live demo