带鼠标滚轮的jquery水平滚动
我目前有一个站点是sidescroller(),我正在尝试绑定一个鼠标滚轮来横向滚动。目前我使用的是Horizontalway.com上的浏览器(名为thw.js),但它似乎并不适用于所有浏览器(Chrome) 我正试图让这一个工作:,只需滚动整个窗口,没有其他。文档非常有限,所以我无法理解。非常感谢您的帮助。我刚刚回答了关于水平滚动div的问题,我还提供了一些使用鼠标滚轮或用鼠标抓取和拖动的代码。。。也许其中的一些代码会给你一个想法 更详细地说,mousewheel函数为您提供事件对象和增量带鼠标滚轮的jquery水平滚动,jquery,scroll,mousewheel,Jquery,Scroll,Mousewheel,我目前有一个站点是sidescroller(),我正在尝试绑定一个鼠标滚轮来横向滚动。目前我使用的是Horizontalway.com上的浏览器(名为thw.js),但它似乎并不适用于所有浏览器(Chrome) 我正试图让这一个工作:,只需滚动整个窗口,没有其他。文档非常有限,所以我无法理解。非常感谢您的帮助。我刚刚回答了关于水平滚动div的问题,我还提供了一些使用鼠标滚轮或用鼠标抓取和拖动的代码。。。也许其中的一些代码会给你一个想法 更详细地说,mousewheel函数为您提供事件对象和增量
$('#container').bind('mousewheel', function(event,delta){
if (delta > 0) {
// mousewheel is going up;
} else {
// mousewheel is going down
}
});
delta
的值取决于滚轮的滚动速度。如果你真的很努力的话,我已经看到了+50到-50的范围:P我在评论中使用了$(窗口)。绑定方法,但它不会向后滚动,只会向前滚动,无论是在方向盘上还是下
<script>
$(window).bind('mousewheel', function(event, delta) {
if (delta > 0) { window.scrollBy(-80,0);
} else window.scrollBy(80,0) ;
});
</script>
$(窗口).bind('mousewheel',函数(事件,增量){
如果(delta>0){window.scrollBy(-80,0);
}else窗口。滚动(80,0);
});
上述注释中的解决方案有效,但仅当鼠标悬停在页面上的实际元素上时有效
$(window).bind('mousewheel', function(event, delta) {
if (delta > 0) { window.scrollBy(-80,0);
} else window.scrollBy(80,0) ;
});
当鼠标移动到空白处(例如,如果你的内容很短,底部还有一个窗口)时,它会工作大约一个滚动,然后会中断(直到你向左滚动),这就是为什么你可能认为滚动只能以一种方式工作。人们为此推荐的所有花哨的滚动插件似乎也是如此。希望这能帮助人们在将来找到解决方案。我明白你的意思,但我不理解真正的“滚动”部分。在你的另一篇文章中,我看到了这个;但我不能让它在我的工作。我希望整个窗口滚动,而不是仅仅滚动一个div,所以我尝试将(#container)更改为(window)。我不确定这是否正确,但我在其他浏览器中使用了它:$(window.bind('mousewheel',function(event,delta){if(delta>0){window.scrollBy(-80,0)}else window.scrollBy(80,0);});但它在Chrome中似乎有很多问题……我想当时它只是我的电脑。一切都很好,谢谢:)