2014-04-22 176 views
0

有人可以告訴我如何正確地添加這兩個功能在一起?我只想在頂部:value小於/等於-70px時才能點擊.nav。它現在基本上工作正常,但如果用戶在屏幕的頂部,我不希望他們能夠關閉.nav,直到滾動功能已將其移動-70px,然後使點擊功能處於活動狀態。謝謝!!添加jquery滾動/點擊功能

$(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/

回答

1

只需添加到您的點擊功能的頂部(jsfiddle example):

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

它基本上只是停止了瀏覽器的功能沒有向下滾動至少70個像素。