禁用水平拖动滚动答案

【问题标题】：Disable horizontal drag scrolling禁用水平拖动滚动
【发布时间】：2013-04-29 14:29:20
【问题描述】：

我有一个具有overflow: hidden; 的 div，但是当我用鼠标向右拖动时，它仍然向右移动，而我使用 CSS 中的溢出选项禁用滚动。我尝试使用 jQuery：

$('.wrapper').mousemove(function(ev){
    $(this).scrollLeft(0);
    ev.preventDefault();
    ev.stopPropagation();
});

但它不起作用。有谁知道解决办法吗？

【问题讨论】：

你能给我们看代码吗...如果没有它，将很难为您提供帮助.. 使用 jsfiddle.net 的问题的工作演示也会有帮助
函数参数中没有'ev'吗？函数（ev）{...}
对不起，我在我的代码中使用了 ev，我只是在上面忘记了它。这是一个 JSFiddle：jsfiddle.net/MrAtiebatie/P68Jv/embedded/result

【解决方案1】：

尝试使用这个 javascript 代码：

    var element = document.getElementByClass("wrapper");

    element.onscroll = function () {
       element.scrollTo(0,0);
    }

【讨论】：

【解决方案2】：

我终于找到了答案。滚动的不是.wrapper 或ul，而是 .holder 所以我用 jQuery 修复了它。结果见here。谢谢大家的帮助。

【讨论】：