-
原生寫法
查看全部 -
js原生寫法
查看全部 -
封裝獲取id，和綁定時間+兼容
查看全部 -
JQ的方法
查看全部 -
避免瀏覽器bug
查看全部 -
封裝動引用查看全部
-
前端查看全部
-
1、固定右側邊欄實現關鍵點：
① CSS position fixed屬性
② 監聽window上的滾動事件
③ 右側邊欄設置fixed條件判斷：滾動高度 + 屏幕高度 > 右側邊欄高度?
2、使用jQuery為我們部署在服務器上的地址： <script src="
3、① 多次用到的對象最好事先定義在一個變量里：var jWindow = $(window);//獲取window對象
?② jWindow.scroll(function(){ }//給window對象綁定滾動事件
?③ var scrollHeight=jWindow.scrollTop();//窗口滾動的高度?
④ var screenHeight=jWindow.height();//屏幕可視區域的高度
?⑤ var sideHeight=$('#side').height();//右側邊欄的高度?
4、部分關鍵代碼： if(scrollHeight+screenHeight>sideHeight){ $('#side').css({ 'top':-(sideHeight-screenHeight),//如果設成'top':0,就會跳到右側邊欄的最頂端 'right':0 }); }else{ $('#side').css({ 'position':'static';//position的默認取值是static }); }?
部分關鍵代碼： window.onload=function (){ jWindow.trigger('scroll');//觸發window滾動的事件 }; jWindow.resize(function (){ jWindow.trigger('scroll'); });
查看全部 -
1.封裝 取id 2.封裝瀏覽器兼容查看全部
舉報