如何在溢出隐藏div上使用鼠标滚动事件

时间:2017-02-02 07:42:51

标签: javascript jquery html css mousewheel

我是Javascript的新手。

我正在尝试建立一个像www.hpmagicwords.com.br这样的网站。 在这个网站上,他们使用position:absolute;的所有部分。

在本网站的第三部分,他们使用了鼠标滚轮滚动的转换效果。我试图在我的页面上产生同样的效果。

给我一​​些建议。怎么做?哪个框架可以帮助我做到这一点?

这是我的Fiddle

1 个答案:

答案 0 :(得分:0)

也许看看http://scrollmagic.io/你可以找到一些很好的例子。

您始终可以尝试使用overflow: hidden;制作具有完整窗口高度和窗口宽度的div。然后使用position: absolute;的子元素设置其top: 100%;transform: translateY(100%);,以便它们不可见。然后在滚动减去1或其他东西上更改它们的值以使它们动画化。

但如果你是新手,那么scrollmagic可以帮助你。