国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

jQuery 菜單隨滾條改為以定位方式(固定要瀏覽器頂部)

2024-05-06 14:21:50
字體：大 中 小
來源：轉載
供稿：網友
自己試著寫了下：
代碼如下:
$(function(){
//獲取要定位元素距離瀏覽器頂部的距離
var navH = $(".nav").offset().top;
//滾動條事件
$(window).scroll(function(){
//獲取滾動條的滑動距離
var scroH = $(this).scrollTop();
//滾動條的滑動距離大于等于定位元素距離瀏覽器頂部的距離，就固定，反之就不固定
if(scroH>=navH){
$(".nav").css({"position":"fixed","top":0,"left":"50%","margin-left":"-200px"});
}else if(scroH<navH){
$(".nav").css({"position":"static","margin":"0 auto"});
}
})
})

主要思路
　　1.當這個元素進入可視區域后，然后要離開可視區域的時候，就改變定位方式。
　　2.當元素回離瀏覽器頂部最初高度時，再還原其定位方式l
在線演示：http://demo.Vevb.com/js/2012/myfix/
DEMO下載：//m.survivalescaperooms.com/jiaoben/45053.html

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板： 孟村| 右玉县| 郎溪县| 西贡区| 湾仔区| 涞水县| 宁阳县| 保定市| 济南市| 民勤县| 汤原县| 工布江达县| 宜良县| 陆良县| 新化县| 沾益县| 衡阳市| 上杭县| 灯塔市| 叶城县| 新蔡县| 扶绥县| 垣曲县| 夏津县| 塔城市| 禹城市| 特克斯县| 西贡区| 安国市| 吉木乃县| 永康市| 云南省| 天气| 宁津县| 仁化县| 霞浦县| 自治县| 鹤壁市| 慈利县| 佛学| 乌鲁木齐市|