平滑水平滚动绑定到鼠标滚轮

问题描述

以下是带鼠标滚轮的水平滚动的工作示例，但不能平滑滚动。顺便说一句，我的意思是像Firefox或Opera中的普通垂直滚动一样。

Here is a working example of horizontal scroll with mousewheel, but it does not scroll smoothly. By smoothly I mean like ordinary vertical scroll in Firefox or Opera.

$(function() {
    $("html, body").mousewheel(function(event, delta) {
        this.scrollLeft -= (delta * 30);
        event.preventDefault();
    });
});

（）

我做了一个现场演示来演示这个。

I've made a live demo to demonstrate this.http://jsfiddle.net/Dw4Aj/

我希望这个滚动像垂直滚动一样工作，都有鼠标滚轮和光滑度。

I want this scroll to work like the vertical one, both with mousewheel and smoothness.

有人能帮帮我吗？

推荐答案

我只想把它留在这里。

jQuery(document).ready(function($) {
$("html, body").mousewheel(function(e, delta) {
    $('html, body').stop().animate({scrollLeft: '-='+(150*delta)+'px' }, 200, 'easeOutQuint');
    e.preventDefault();
});

});

这篇关于平滑水平滚动绑定到鼠标滚轮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！