禁用水平拖动滚动

时间:2013-04-29 14:29:21

标签: jquery css scroll

我有一个有overflow: hidden;的div但是当我用鼠标向右拖动时它仍会向右移动,而我在CSS中使用overflow选项禁用了滚动。我尝试使用jQuery:

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

但它不起作用。有谁知道解决方案?

JSFiddle http://jsfiddle.net/MrAtiebatie/P68Jv/embedded/result

2 个答案:

答案 0 :(得分:0)

尝试使用此javascript代码:

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

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

答案 1 :(得分:0)

我终于找到了答案。这不是滚动的.wrapperul,而是滚动 .holder所以我用jQuery修复了它。请参阅here结果。谢谢大家的帮助。