Javascript 通过单击禁用功能

这是我的

我有一个带有平滑滚轮脚本的主页。 我有一个div“about”，点击按钮就可以看到它。 问题是，我希望我的smoothscroll工作也在我的div上。但它不起作用。。。该div不会滚动。。。另外，当div“about”打开时，我希望div“home”没有滚动条

$('button').click(function() {

  if ($(this).hasClass("clicked")) {

    $("#about").css({"visibility": "hidden"});
    $("body").css({"overflow": "auto"});


    $(this).removeClass("clicked");
  } else {

    $("#about").css({"visibility": "visible"});
    $("body").css({"overflow": "hidden"});

    $(this).addClass("clicked");
  }
});


$("body").smoothWheel();

使用

$（'#about'）.smoothWheel（）需要平滑滚动时。它将自动将其重新分配给
#about
并将其从
正文中删除

你忘了加上#about。如上所述，将其更换为具有适用于主体和div的smoothWheel。
顺便说一句，它是

或

-决不

问题在于，当您多次单击时，每次都会添加脚本smoothWheel。所以我有几个平滑的轮子，我对身体的平滑效果就是速度。。。
$('button').click(function() {

  if ($(this).hasClass("clicked")) {

    $("#about").css({"visibility": "hidden"});
    $("body").css({"overflow": "auto"}).smoothWheel();;


    $(this).removeClass("clicked");
  } else {

    $("#about").css({"visibility": "visible"}).smoothWheel();
    $("body").css({"overflow": "hidden"});

    $(this).addClass("clicked");
  }
});

$("body,#about").smoothWheel();