jquery控制導航定位，浮動窗跟隨網頁變化
阿新 • • 發佈：2019-02-17
/*控制導航定位*/
html
var main = $('.main');
var $fixedBoxCover = $('.fixed-box-real'),
$fixed 浮動窗
var scrollTop = parseInt($(window).scrollTop());
var contentItems = main.find(".step");
if(scrollTop >= 532){$fixed.show();
}else{
$fixed.hide();
}
contentItems.each(function(){
var contentItem = $(this);
var offsetTop = contentItem.offset().top;
if(scrollTop > offsetTop-200){
//此處的200視具體情況自行設定，因為如果不減去一個數值，在剛好滾動到一個div的邊緣時，
// 選單的選中狀態會出錯，比如，頁面剛好滾動到第一個div的底部的時候，頁面已經顯示出第二個div，而選單中還是第一個選項處於選中狀態
}
});
if(currentItem&¤tItem!=$fixedBoxCover.find(".current").attr("href")){
$fixedBoxCover.find('.current').removeClass('current');
var $this = $fixedBoxCover.find("[href=" + currentItem + "]");
$this.addClass('current');
}
});