Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
带鼠标滚轮的jquery水平滚动_Jquery_Scroll_Mousewheel - Fatal编程技术网

带鼠标滚轮的jquery水平滚动

带鼠标滚轮的jquery水平滚动,jquery,scroll,mousewheel,Jquery,Scroll,Mousewheel,我目前有一个站点是sidescroller(),我正在尝试绑定一个鼠标滚轮来横向滚动。目前我使用的是Horizontalway.com上的浏览器(名为thw.js),但它似乎并不适用于所有浏览器(Chrome) 我正试图让这一个工作:,只需滚动整个窗口,没有其他。文档非常有限,所以我无法理解。非常感谢您的帮助。我刚刚回答了关于水平滚动div的问题,我还提供了一些使用鼠标滚轮或用鼠标抓取和拖动的代码。。。也许其中的一些代码会给你一个想法 更详细地说,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中似乎有很多问题……我想当时它只是我的电脑。一切都很好,谢谢:)