0

ホームページに一種のイントロ ナビゲーションがあるサイトがあります。オプションを選択すると、ナビゲーション バーが表示されます。「ホーム」をクリックしたときに再び非表示にする必要があります。コードの最初のセクションは正しく機能します。困ったのは後半です。

//Show navbar on page scroll
$(window).bind('scroll', function() {
  $("nav").fadeIn(1400);
  var navSeen = true;
});

//Hide navbar if #home is clicked
$("#home").click(function(){
   $("nav").fadeOut(1400);
   var navSeen = false;
});

助けてくれてありがとう！

編集 -- ファイル内のすべての JS:

<script type="text/javascript">
$(document).ready(function(){
////////////////////////////////
//Lock Dog in place when scrolling right
var dogLock = $('#dog').position().left;
$(window).scroll(function() {
if(dogLock >= $(window).scrollLeft()) {
    if($('#dog').hasClass('leftLock')) {
        $('#dog').removeClass('leftLock');
    }
} else { 
    if(!$('#dog').hasClass('leftLock')) {
        $('#dog').addClass('leftLock');
    }
}
});
//If the connect tab is open and you click outside, then exit out of it!
var menu_state_ = true;
$('#connect').click( function(e) {
e.preventDefault();
if (menu_state_up){
    menu_state_Down();
} else {
menu_state_Up();
}

return false;
});
$('html').click(function() {
menu_state_Up();
});


function menu_state_Down() {
$("#connect-window").fadeIn(200);
menu_state_up = false;
}
function menu_state_Up() {
$("#connect-window").fadeOut(200);
menu_state_up =true;
}
//Ease into each transition
$(function() { 
$('.link').bind('click',function(event){
var $anchor = $(this);
$('html, body').stop().animate({
    scrollLeft: $($anchor.attr('href')).offset().left - 300
 },600,'easeInOutExpo');
    event.preventDefault();
});
});
//Big Text Plugin
$('.intro').bigtext();

//If the page has scrolled then display the hidden menu
$(window).bind('scroll', function() {
  $("nav").fadeIn(1400);
  var navSeen = true;
});

//Hide navbar if #home is clicked
$("#home").click(function() {
   $("nav").fadeOut(1400);
   var navSeen = false;
});

//////////////////////////////////////////
});
</script>
4

1 に答える 1

0

ページのスクロールではなく、ホーム（メニューが非表示になっている唯一のページ）のクリックに非表示をバインドすることでこれを解決しました。助けてくれてありがとう！

于 2012-09-11T13:17:04.133 に答える