当用户滚动到特定点时，禁用“单击”功能

Question

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

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

但是我只需要在用户没有滚动超过80像素时才起作用，一旦滚动了，该功能将不再起作用。请问我该如何实现-我无法使用StackOverflow上的类似示例。

Answer 1

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

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