Question

I want to disable visitor's scrolling with scroll bar or scroll wheel on mouse and allow only to scroll down with button image .
I tried to add "overflow: hidden" but it just mess up website, demo: 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">)

1 个答案: