如何在溢出隐藏时使用鼠标滚动事件 div
how to use mouse scroll event on overflow hidden div
我是 Javascript 的新手。
我正在尝试建立一个这样的网站 www.hpmagicwords.com.br。
在这个网站上，他们使用了所有带有 position:absolute; 的部分。
在本网站的第三部分，他们使用了鼠标滚轮滚动的变换翻译效果。我正在尝试在我的页面上实现同样的效果。
给我一些建议吧。怎么做？哪个框架可以帮我做？
这是我的Fiddle
也许看看 http://scrollmagic.io/ 你可以找到一些很好的例子。
您总是可以尝试制作 div 的完整 window 高度和 window 宽度 overflow: hidden;。然后子元素带有 position: absolute; 并设置它们的 top: 100%; 或 transform: translateY(100%); 使它们不可见。然后在滚动时更改它们的值减去 1 或使它们动画起来。
但是如果您是新手，scrollmagic 可以帮助您前进。
我是 Javascript 的新手。
我正在尝试建立一个这样的网站 www.hpmagicwords.com.br。
在这个网站上，他们使用了所有带有 position:absolute; 的部分。
在本网站的第三部分，他们使用了鼠标滚轮滚动的变换翻译效果。我正在尝试在我的页面上实现同样的效果。
给我一些建议吧。怎么做？哪个框架可以帮我做？
这是我的Fiddle
也许看看 http://scrollmagic.io/ 你可以找到一些很好的例子。
您总是可以尝试制作 div 的完整 window 高度和 window 宽度 overflow: hidden;。然后子元素带有 position: absolute; 并设置它们的 top: 100%; 或 transform: translateY(100%); 使它们不可见。然后在滚动时更改它们的值减去 1 或使它们动画起来。
但是如果您是新手，scrollmagic 可以帮助您前进。