-2

我試圖做一個jQuery腳本，讓頁面滾動後出現一個導航欄800px。無法讓jQuery的scrollTop工作

這是文件：

$(document).scroll(function() { 
    var y = $(this).scrollTop(); 
    if (y > 800) { 
    $('#fixedBar').fadeIn(); 
    } else { 
    $('#fixedBar').fadeOut(); 
    } 
});

這裏的CSS：

#fixedBar { 
    display: none; 
    position: fixed; 
    background-color: rgba(255,255,255,.9); 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 80px; 
}

林也不太清楚爲什麼這個jQuery是沒有做任何事情。所有的幫助表示讚賞。

這裏是正在使用的HTML：

<div id="fixedBar"> 
     <h1>Company</h1> 
     <a href="#" class="entypo-menu showMenu"></a> 
    </div>

繼承人的頭

<head> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 
    <!-- Links to JS/CSS/Fonts --> 
    <link href='http://fonts.googleapis.com/css?family=Roboto:400,700,300' rel='stylesheet' type='text/css'> 
    <link rel="stylesheet" type="text/css" href="../css/style.css" media="screen"/> 
    <link rel="stylesheet" href="../css/jquery.maximage.css" type="text/css" media="screen" title="CSS" charset="utf-8" /> 
    <link rel="stylesheet" type="text/css" href="../css/navView.css" /> 
    <link rel="icon" type="image/ico" href="../img/favicon.ico"/> 
    <title>George | New Website</title> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
    <script src="../js/navBar.js" type="text/javascript"></script> 
    <script src="../js/jquery.cycle.all.js" type="text/javascript"></script> 
    <script src="../js/jquery.maximage.min.js" type="text/javascript"></script> 
    <script src="../js/modernizr.custom.25376.js"></script> 
</head>

剛纔檢查的JS文件夾，它包含有jQuery代碼文件navBar.js。

來源

2015-02-07 George

你可以請一個jsfiddle的例子嗎？ – sitilge 2015-02-07 22:38:04

你的代碼工作正常！看看這個[jsFiddle]（http://jsfiddle.net/5L1ukvzx/）。請注意，800像素是很多滾動。 – 2015-02-07 22:40:30

你在HTML文件中包含jQuery嗎？ – Jon 2015-02-07 22:41:32

它的工作對我罰款：http://jsfiddle.net/8kzdx9wz/

<div id="fixedBar">nav bar</div>

是您的HTML正確地寫入和你有足夠的內容，向下滾動到800像素的頁面上？

來源

2015-02-07 22:40:57 user3781632

這很奇怪。是的，我的HTML是：\t

\t \t

Company

\t \t \t

，我有超過800px。 – George 2015-02-07 22:43:22

另外，正如上面提到的那樣，確保你包含jQuery。您可以在您的''標記之間輕鬆完成以下行： '' – user3781632 2015-02-07 22:46:46

編輯我的成問題 – George 2015-02-07 22:51:57

無法讓jQuery的scrollTop工作

回答

Company

相關問題