代码之家 › 专栏 › 技术社区 › Stoycho

如何在单击时禁用移动和桌面滚动

touch scroll mobile jquery

Stoycho · 技术社区 · 10 年前

大家好。我正在处理这个使用 fadeToggle可在单击按钮时显示5个链接。我正在使用 jqueryui覆盖效果。我正在努力实现的目标这里是当您单击菜单时,它显示链接并禁用移动和桌面滚动,直到再次按下按钮隐藏或直到您按下覆盖效果。我找到了一些方法禁用桌面上的滚动功能,但不会恢复滚动功能关闭菜单后。感谢任何帮助。谢谢

$("#mmenu").hide();
     $(".ui-overlay").hide();
     $(".ui-widget-overlay").hide();
    $(".navicon").click(function(e) {
    e.preventDefault();
        $("#mmenu").fadeToggle(300);
        $(".ui-overlay").fadeToggle(300);
        $(".ui-widget-overlay").fadeToggle(300);
    });
    $(".ui-overlay").click(function() {
    $("#mmenu").fadeToggle(300);
    $(".ui-overlay").fadeToggle(300);
    $(".ui-widget-overlay").fadeToggle(300);
    });

1 回复 | 直到 10 年前

meni181818 10 年前

看看这个:

全局变量:

scrollTopPos = $( document ).scrollTop();
allowScrolling = true;

滚动时:

$(document).scroll(function() {
    if(allowScrolling === false) {
        $( document ).scrollTop( scrollTopPos );
    } else {

    }
});

禁用:

scrollTopPos = $( document ).scrollTop();
allowScrolling = false;

启用:
```
allowScrolling = true;
```

演示: http://jsfiddle.net/UbnQ4/11/

推荐文章

Marcos Miguez · 在所有事情上检测手势

7 年前

devlop · touchmove事件在替换innerHTML后停止

7 年前

t.hall · 如何使用触摸屏为tkinter中的函数调用选择特定的条目小部件?

7 年前

Mr. Developer · SwipeView在释放事件QML-QT时检测

7 年前

juFo · WPF DocumentViewer为XPS文档启用触摸屏滚动

7 年前

Nick · dblclick在触摸设备上不起作用

7 年前

Mario Vernari · “固定”元素上移动的视口宽度问题

7 年前

MettDich · 使用带有触摸ID保护设备的3D触摸动作

7 年前

Astrum · 触摸移动功能影响按键

7 年前

conteit86 · Electron窃取了Windows 10触摸键盘的焦点,使其无法使用

8 年前