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

Answer 2

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

你忘了添加#about。像上面一样替换它以获得body和div的smoothWheel。

单击禁用功能

2 个答案:

DEMO