當前位置:編程學習大全網 - 電腦編程 - 使用js或jq控制壹個div,當滾動到頁面頂部的時候固定在頂部,離開可繼續滾動嗎?

使用js或jq控制壹個div,當滾動到頁面頂部的時候固定在頂部,離開可繼續滾動嗎?

代碼:

$(function(){

//獲取要定位元素距離瀏覽器頂部的距離

var navH = $(".nav").offset().top;

//滾動條事件

$(window).scroll(function(){

//獲取滾動條的滑動距離

var scroH = $(this).scrollTop();

//滾動條的滑動距離大於等於定位元素距離瀏覽器頂部的距離,就固定,反之就不固定

if(scroH>=navH){

$(".nav").css({"position":"fixed","top":0});

}else if(scroH<navH){

$(".nav").css({"position":"static"});

}

})

})

  • 上一篇:abb機器人中添加註釋不了
  • 下一篇:ug如何導出模型的所有圖層?
  • copyright 2024編程學習大全網