如何在点击jQuery时使用禁用滚动？

Question

如果用户单击按钮，则尝试禁用滚动。 我试过了：

$(window).bind('scroll');

在点击功能中，但不起作用。有人能帮助我吗？ 我环顾四周，找不到直接答案或工作解决方案。

Answer 1

使用CSS：

body{overflow:hidden;}

jQuery的：

$("button").click(function(){
  $("body").css("overflow","hidden");
});

Answer 2

你可以试试这个

$("button").click(function(){
  $(".div").css({
    'overflow' : 'hidden',
     'height' : '100%'
 });
});

这个答案是How to programmatically disable page scrolling with jQuery

的参考

Answer 3

以下JSFiddle代码段还禁用滚动箭头键或PageUp / Down键：

JSFiddle

主要是方法：

(...)

function disable_scroll() {
  if (window.addEventListener) {
      window.addEventListener('DOMMouseScroll', wheel, false);
  }
  window.onmousewheel = document.onmousewheel = wheel;
  document.onkeydown = keydown;
}

(...)

参考here。