禁用滚动的点击功能

Question

嘿，我想禁用滚动后的点击功能，但它不工作：/

这个问题的任何解决方案？谢谢！

$(window).scroll(function() { 
    if ($(this).scrollTop() < 200) 
    { 
     $("#treest, #treest2, #treest3").click(function() {anim10();}); 
    } 
    else 
    {  
     $("#treest, #treest2, #treest3").off('click')); 
    } 
}); 

Answer 1

你每次滚动的窗口，这就是为什么你的例子不工作时安装新的单击事件侦听器。

相反，尝试这样的：

var $collection = $("#treest").add("#treest2").add("$treest3"); 
$(window).scroll(function() { 
    if ($(this).scrollTop() > 200) { 
     // Removes click event listener 
     $collection.off('click')); 
    } 
    else { 
     // Check if a click event listener is attached, and if not, attaches a new one 
     if(!$collection.data('events').click.length) { 
      $collection.click(function() { 
       anim10(); 
      }); 
     } 
    } 
}); 

此外，而不是执行数十个函数调用每次滚动的窗口和安装时间/拆卸点击事件监听器，它是更好的性能明智的离开点击监听器那里，只是验证它在每次调用（如@Milind在他的回答曾建议）：

var $collection = $("#treest").add("#treest2").add("$treest3"); 
$collection.click(function() { 
    if ($(window).scrollTop() <= 200) 
     anim10(); 
    }); 

Answer 2

你还是使用：

$("#treest, #treest2, #treest3").click(function() { 
if ($(window).scrollTop() < 200) 
anim10(); 
});