jquery - 当用户滚动超过某个点时禁用“点击”功能

Question

我真的很挣扎，所以我希望有人能提供帮助！我有以下代码通过切换类将项目从白色切换为黑色。

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

但我需要这个只有在用户没有滚动超过 80 像素的情况下才能工作，一旦他们这样做了，这个功能应该不再工作。请问我该如何实现这一点 - StackOverflow 上的类似示例我只是无法使用它。

标签： jquery

Answer 1

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

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