添加jquery滚动/点击功能

Question

有人可以告诉我如何正确地添加这两个功能在一起？我只想在顶部：value小于/等于-70px时才能点击.nav。它现在基本上工作正常，但如果用户在屏幕的顶部，我不希望他们能够关闭.nav，直到滚动功能已将其移动-70px，然后使点击功能处于活动状态。谢谢！！

$(window).scroll(function() { 
    var topMove = -1 * (620 * $(this).scrollTop()/$('body').height()); 
    console.log(topMove); 
    if(topMove >= -70) { 
     $('.nav').css({ top: Math.max(topMove) }); 
    } 
}); 

$('.nav').click(function() { 
    if (!$('.nav').hasClass('clicked')) { 
     $(".nav").stop().animate({ top: "0px" }, 750); 
     $('.nav').addClass('clicked'); 
    } 
    else if ($('.nav').hasClass('clicked')) { 
     $(".nav").stop().animate({ top: "-60px" }, 750); 
     $('.nav').removeClass('clicked'); 
    } 
}); 

http://jsfiddle.net/UXZ4E/3/

Answer 1

只需添加到您的点击功能的顶部（jsfiddle example）：

if($(document).scrollTop() <= 70) return false; 

它基本上只是停止了浏览器的功能没有向下滚动至少70个像素。