jquery - 当用户滚动超过某个点时禁用 'click' 功能

Question

我真的很苦恼，希望有人能帮忙!我有以下代码，通过切换类将项目从白色交换为黑色。

<script type="text/javascript"> 
$(document).ready(function(){
$('.cd-nav-trigger').click( function() {
$("#headerlogo").toggleClass("headerlogoblack");
} );
});
</script>

但我需要这个功能仅在用户没有滚动超过 80 像素时才起作用，一旦滚动超过 80 像素，此功能就不再起作用。我该如何实现这一点 - StackOverflow 上有类似的例子，我只是无法使用它。

Answer 1

您可以使用scrollTop()添加条件来检查窗口的滚动位置

$('.cd-nav-trigger').click(function() {
  if ($(window).scrollTop() < 81) {
    $("#headerlogo").toggleClass("headerlogoblack");
  }
});