如何禁用访问者的滚动并仅允许在单击滚动到 div 时滚动 (<a href="#div">)答案

【问题标题】：How to disable visitor's scrolling and allow scroll only on click scrolling to div (<a href="#div">)如何禁用访问者的滚动并仅允许在单击滚动到 div 时滚动 (<a href="#div">)
【发布时间】：2016-10-28 06:15:34
【问题描述】：

我想禁用访问者使用滚动条或鼠标滚轮滚动，只允许使用按钮图像向下滚动。
我尝试添加“溢出：隐藏”，但它只是搞砸了网站，演示：here。
这是我的网站的演示（允许使用滚动条和滚轮鼠标）：click here.
有什么帮助吗？谢谢。
附言。如果我要再次受到负面的抨击和声誉，请提供任何评论，说明您为什么总是给予负面声誉。

【问题讨论】：

1) 请在问题中添加代码。 2）尝试在 JSFiddle 中提供您的公共代码，以便您证明您已经隔离了问题。像这样在您的 prod 环境中提供代码意味着可能有许多其他变量会影响您的结果。
我添加了两个演示。除了我使用了 "overflow: hidden" 之外，没有太多有用的代码。我已经说过了。

标签： javascript jquery html css scroll

【解决方案1】：

你可以用 jQuery 做到这一点，只需在你的 index.html 文件顶部添加这行代码：

  jQuery(document.body).css('overflow', 'hidden')

让我更准确地说，在你的代码中应该是：

$(document).ready(function(){
  //ADD HERE 
  jQuery(document.body).css('overflow', 'hidden')

  $("a").on('click', function(event) {  
    if (this.hash !== "") {
    event.preventDefault();
    var hash = this.hash;
      $('html, body').animate({
      scrollTop: $(hash).offset().top
    }, 800, function(){
      window.location.hash = hash;
        });
      }
    });
});

它会起作用的！

【讨论】：