我是Javascript的新手。
我正在尝试建立一个像www.hpmagicwords.com.br这样的网站。
在这个网站上,他们使用position:absolute;
的所有部分。
在本网站的第三部分,他们使用了鼠标滚轮滚动的转换效果。我试图在我的页面上产生同样的效果。
给我一些建议。怎么做?哪个框架可以帮助我做到这一点?
这是我的Fiddle
答案 0 :(得分:0)
也许看看http://scrollmagic.io/你可以找到一些很好的例子。
您始终可以尝试使用overflow: hidden;
制作具有完整窗口高度和窗口宽度的div。然后使用position: absolute;
的子元素设置其top: 100%;
或transform: translateY(100%);
,以便它们不可见。然后在滚动减去1或其他东西上更改它们的值以使它们动画化。
但如果你是新手,那么scrollmagic可以帮助你。