2014-04-22 3 views
0

Может кто-нибудь, пожалуйста, покажите мне, как правильно добавить эти две функции вместе? Я хочу, чтобы иметь возможность щелкнуть .nav, только если его верхний: значение ниже/равно -70px. В настоящее время он работает нормально, но если пользователь находится в верхней части экрана, я не хочу, чтобы они могли закрыть .nav, пока функция прокрутки не переместила его на -70px, а затем активирует функцию щелчка. Благодаря!!add jquery scroll/click functions

$(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 пикселей ,