javascript - 单击禁用功能

Question

这是我的 JSFIDDLE

我有一个带有 smoothscroll wheel 脚本的主页。我有一个 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();

Answer 1

每当您需要平滑滚动时，请使用 $('#about').smoothWheel();。它会自动将其重新分配给 #about 并将其从 body 中删除。

DEMO

$('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");
  }
});