单击复选框时禁用滚动

Question

<label>
 <input type="checkbox">
</label>

我没有使用jQuery或Javascript的经验，但我想知道是否可以在勾选复选框时禁用整页上的滚动，并在未选中时再次启用它，我会喜欢一个代码示例

Answer 1

是的，你可以这样做。

＆＃13;

＆＃13;

pch = 19

＆＃13;

$('#test').change(function() {
  if ($('#test').is(":checked")) {
    $('body').css('overflow','hidden');
  } else {
    $('body').css('overflow','auto');
  }
});

＆＃13;

＆＃13;

＆＃13;