問題出在哪,怎么實現不了導航條隨窗口滾動變化
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
? ? ? ? ?$(document).ready(function(){
? ? ? ? ? $(window).scroll(function(){
? ? ? ? ? var top = $(document).scrollTop();
? ? ? ? ? var menue = $("#menue");
? ? ? ? ? var items = $("#content").find(".item");
? ? ? ? ? ? ? ? var currentId = " ";//當前樓層(item)
? ? ? ? ? items.each(function(){
? ? ? ? ? var th = $(this);
? ? ? ? ? var itemtop = th.offset().top;
? ? ? ? ?
? ? ? ? ? if(top>itemtop){
? ? ? ? ? currentId = "#"+th.attr("id");
? ? ? ? ? }else{
? ? ? ? ? return false;//如果條件不滿足,跳出循環
? ? ? ? ? }
? ? ? ? ? })
? ? ? ? ? //給相應的樓層設置current樣式
? ? ? ? ? var currentLink = menue.find(".current");
? ? ? ? ? if(currentId&¤tLink.attr("href")!=currentLink){
? ? ? ? ? currentLink.removeClass("current");
? ? ? ? ? menue.find("[href="+ currentId +"]").addClass("current");
? ? ? ? ? }
? ? ? ? ? })
? ? ? ? ?})
</script>
2017-03-21
第一、二行:
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script>
最后第7行:if(currentId && currentLink.attr("href") != currentId){