我的尝试:https://codepen.io/alexyap/pen/gRLeVY?editors=1010
$(document).ready(function(){
$(document).scroll(function(e){
e.preventDefault();
$("#mainContainer").css("transform", "translateX(-100vw)");
})
})
这让我发疯。我试图让我的网站水平滚动整页。我弄清楚了第一部分,但可惜它在第二次滚动后停止工作。
PS:从我的笔中,您可以看到我将正文设置为溢出隐藏,但将其注释掉(我的代码仅在没有设置时才有效)。
请有人帮我解决这个问题。
最佳答案
在您的 CodePen 中,我仅在
中的括号之间添加了 e
$(document).on('mousewheel', function(e){
这是传递给您的函数的事件对象。
需要比较车轮增量。
你把它放在 $(document).ready(function(e){
中,但它没用。
这是你的 CodePen updated像这样。
<小时/> 只是为了好玩...我通过预见有人想要使用此“div 翻译”效果进行更改来对其进行了更多自定义。第一件事当然是 div 数量。
而翻译“分数”则是另一回事......
每次翻译之间的最小延迟。
所以这是一个CodePen taking this in account .
关于javascript - 如何使 jQuery scroll() 函数触发第二个函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44579940/