翻拍代碼失敗

-2

我試圖準確地做到這一點，但它不工作...翻拍代碼失敗

<!DOCTYPE html> 
<html> 

<head> 
<link type="text/css" rel="stylesheet" href="website.css"> 
<script src="website.js"></script> 
</head> 

<body> 
<div class="menu">Menu</div> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br />(Bottom!) 

</body> 


</html>

//website.css

.menu { 
    background:#345; 
    color:#FFF; 
    height:2em; 
    padding:.5em; 
    position:absolute; 
    top:50px; 
    width:100%; 
} 
.fixed { 
    position:fixed; 
    top:0; 
}

//website.js

/* Dynamic top menu positioning 
* 
*/ 

var num = 50; //number of pixels before modifying styles 

$(window).bind('scroll', function() { 
    if ($(window).scrollTop() > num) { 
     $('.menu').addClass('fixed'); 
    } else { 
     $('.menu').removeClass('fixed'); 
    } 
}); 

//USE SCROLL WHEEL FOR THIS FIDDLE DEMO

爲什麼這不工作，當我打開這個html文件？我喜歡製作那種導航欄。誰能幫幫我？

來源

2014-10-27 Nboy

你的jsfiddle演示似乎是工作的罰款之前。 – 2014-10-27 12:54:35

您需要包含jsfiddle演示使用它的jQuery庫...請參閱左欄 – 2014-10-27 12:55:19

@JamesDonnelly *我試圖完全做到這一點，但不起作用... *所以他說這對他不起作用在他本地，他提供了jsfiddle鏈接來引用他正在使用的代碼 – 2014-10-27 12:56:00

您沒有在HTML中引用jQuery，這就是爲什麼它不起作用。

在您的website.js腳本標記之前添加以下內容。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script src="website.js"></script>

來源

2014-10-27 12:58:27 epascarello

我做了，我也給這個人的答案，因爲他們需要知道他們的問題是什麼。關閉它並沒有幫助。 – epascarello 2014-10-27 13:00:29

是的，它的確如此。因爲現在他知道他會得到答案，不管他的問題是多麼糟糕或者正在研究中，即使它被關閉了。 – 2014-10-27 13:02:06

@epascarello偉大的，那個安定下來...... – 2014-10-27 13:02:50

您需要將此行添加到您的HTML，在你<head>標籤，你的其他<script>標籤

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

來源

2014-10-27 12:59:04 gudthing

翻拍代碼失敗

回答

相關問題