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

Question

我想禁用访问者使用鼠标上的滚动条或滚轮滚动，只允许使用按钮图像向下滚动。
我尝试添加 "overflow: hidden" 但它只是把网站弄乱了，演示：here.
这是我的网站演示（允许使用滚动条和滚轮鼠标）：click here.
有帮助吗？谢谢。
PS。如果我要再次获得负面的愤怒和声誉，请提供任何评论，说明为什么你总是给予负面声誉。

Answer 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;
        });
      }
    });
});

它会起作用的！

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

How to disable visitor's scrolling and allow scroll only on click scrolling to div (<a href="#div">)

javascript

jquery

html

css

scroll