使用jquery禁用水平强盗捆绑效果答案

【问题标题】：disabling horizontal robber banding effect using jquery使用jquery禁用水平强盗捆绑效果
【发布时间】：2013-10-18 04:38:12
【问题描述】：

我正在尝试禁用 web 应用程序中的水平滚动，但到目前为止没有运气...我不知道现在该做什么...现在卡住了一段时间！！有人对任何可能的解决方案有任何想法吗？！

我用这个来禁用垂直的

$('body').on('touchstart','.menuScrolling',function(e) 
{
    if (e.currentTarget.scrollTop === 0) 
    {
        e.currentTarget.scrollTop = 1;
    } 
    else if (e.currentTarget.scrollHeight === e.currentTarget.scrollTop + e.currentTarget.offsetHeight) 
    {
        e.currentTarget.scrollTop -= 1;
    }
});

我想也许如果我改变一些变量，它也应该适用于水平，但不是......

$('body').on('touchstart','.menuScrolling',function(e) 
{
    if (e.currentTarget.scrolLeft === 0) 
    {
        e.currentTarget.scrolLeft = 1;
    } 
    else if (e.currentTarget.scrollHeight === e.currentTarget.scrolLeft + e.currentTarget.offsetWidth) 
    {
        e.currentTarget.scrolLeft -= 1;
    }
});

【问题讨论】：

你能为你的代码创建一个jsfiddle吗
哦，是的！我解决了！！！但从一个完全不同的方向。我使用溢出的东西来隐藏页面一旦它被动画到右边:) 这样浏览器就不会认为它还在那里了

标签： javascript jquery web-applications

【解决方案1】：

您缺少L

e.currentTarget.scrolLeft

到

e.currentTarget.scrollLeft

【讨论】：

【解决方案2】：

请发布您的代码。我将编辑我的答案以进一步帮助您。

想到的一个想法是（我假设您为此只支持触摸设备，对吗？）：

$('body').bind ('touchmove', function(e) {
    e.preventDefault();
}

【讨论】：