久久精品五月,日韩不卡视频在线观看,国产精品videossex久久发布 ,久久av综合

站長資訊網
最全最豐富的資訊網站

利用js實現圖片固定在屏幕的某個位置!

利用js獲取滾動條滾動距離,實現圖片固定在屏幕的某個位置

思路:
1.獲取對象距離頂部和左側的距離;
2.獲取元素對象;
3.當滾動條滾動時獲取滾動條滾動的距離;
4.滾動條滾動時執行函數:對象距離頂部 / 左側的距離變為原本距離頂部 / 左側的距離+滾動條滾動像素數。

html代碼:

<!DOCTYPE html> <html> <head>     <meta charset="UTF-8">     <title></title> </head> <body>     <div id="left">         <img src="images/z1.jpg" alt=""/>     </div>     <div id="right">         <img src="images/z2.jpg" alt=""/>     </div> </body> </html>

css代碼:

*{             margin: 0;             padding: 0;         }         body{             width: 2000px;             height: 2000px;         }         .left{             position: absolute;             width: 110px;             height: 110px;             top: 100px;             left: 50px;         }         .right{             position: absolute;             width: 110px;             height: 110px;             top: 100px;             left: 1360px;         }

js代碼:

 var leftT;//左側p距離頂部距離         var leftL;//左側p距離左側距離         var rightT;//右側p距離頂部距離         var rightL;//右側p距離左側距離          var objLeft;//左側p文檔對象         var objRight;//右側p文檔對象          function place(){             objLeft=document.getElementById("left");             objRight=document.getElementById("right");             leftT=document.defaultView.getComputedStyle(objLeft,null).top;             leftL=document.defaultView.getComputedStyle(objLeft,null).left;             rightT=document.defaultView.getComputedStyle(objRight,null).top;             rightL=document.defaultView.getComputedStyle(objRight,null).left;          }         //獲取滾動條滾動的像素數         function move(){             var scrollT=document.documentElement.scrollTop;             var scrollL=document.documentElement.scrollLeft;             //設置左側p距離頂部的像素             objLeft.style.top=parseInt(leftT)+scrollT+"px";             objLeft.style.left=parseInt(leftL)+scrollL+"px";             objRight.style.top=parseInt(rightT)+scrollT+"px";             objRight.style.left=parseInt(rightL)+scrollL+"px";         }         window.onload=place;         window.onscroll=move;

贊(0)
分享到: 更多 (0)
?
網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
久久精品五月,日韩不卡视频在线观看,国产精品videossex久久发布 ,久久av综合
久久精品亚洲| 日韩网站在线| 精品一区二区三区中文字幕在线| 韩国久久久久久| 国产精品极品在线观看| 日本成人一区二区| 国产成人久久精品一区二区三区| 精品一区二区三区免费看| 激情黄产视频在线免费观看| 伊人成人网在线看| 久久99偷拍| 欧美日韩精品免费观看视频完整| 黄色精品视频| 美女91精品| 亚洲综合在线电影| а√天堂中文在线资源8| 人人精品久久| 日韩精品社区| 亚洲女人av| 国产91在线精品| 亚洲精品美女91| 久久青青视频| 都市激情国产精品| 久久男女视频| 国产伊人精品| 一区二区精彩视频| 欧美日本三区| 精品国产中文字幕第一页| 日本欧美久久久久免费播放网| 深夜福利亚洲| 久久丁香四色| 日韩欧美另类一区二区| 色黄视频在线观看| 宅男噜噜噜66国产日韩在线观看| 亚欧成人精品| 91亚洲国产| 亚洲欧洲午夜| 国产欧美综合一区二区三区| 高清不卡亚洲| 亚洲午夜国产成人| 激情不卡一区二区三区视频在线| 婷婷丁香综合| 国产精品久久亚洲不卡| 国产精品99视频| 亚洲中午字幕| 久久精品欧洲| 亚洲精品网址| 国产精一区二区| 久久精品影视| 欧美综合精品| 蜜桃一区二区三区| 久久国产婷婷国产香蕉| 日韩成人亚洲| 欧美精品影院| 久久久久久久久久久妇女| 亚洲毛片在线| 不卡福利视频| 日本午夜精品| 日韩国产专区| 欧美亚洲二区| 亚洲天堂黄色| 久久不见久久见中文字幕免费| 午夜欧美精品久久久久久久| 国产精品久久久一区二区| 中国女人久久久| 国产一区二区精品福利地址| 一区二区三区国产在线| 伊人久久在线| 日本欧美韩国一区三区| 久久人人99| 久久伊人亚洲| 亚洲免费资源| 国产综合婷婷| 久久av日韩| 亚洲日产国产精品| 亚洲性图久久| 精品三级av在线导航| 亚洲欧美日本国产| 色婷婷精品视频| 久久久免费人体| 亚洲精品成a人ⅴ香蕉片| 99久久亚洲精品蜜臀| 国产精品久久亚洲不卡| 蜜桃视频第一区免费观看| 久久精品在线| 粉嫩av一区二区三区四区五区 | 日韩激情网站| 欧美日韩中文一区二区| 久久精品三级| 国产日韩视频在线| 在线一区二区三区视频| 国产一区观看| 日韩深夜视频| 精品国产欧美| 青草国产精品| 亚洲影院天堂中文av色| 亚洲激情精品| 999视频精品| 四虎成人av| 久久精品五月| 欧美国产免费| 国产欧美日韩精品一区二区免费| 蜜桃一区二区三区在线观看| 午夜久久免费观看| 欧洲在线一区| 久久久一本精品| 欧美xxxx性| 日本久久二区| 一区二区三区四区精品视频| 久久久久久美女精品| 国产美女高潮在线观看| 九九99久久精品在免费线bt| 青青草视频一区| 亚洲丝袜啪啪| 免费的成人av| 丝袜a∨在线一区二区三区不卡| 国产综合亚洲精品一区二| 久久三级福利| 日韩免费福利视频| 日韩欧美综合| 精品亚洲美女网站| 亚洲日本网址| 久久影院一区| 亚洲电影在线一区二区三区| 国产欧美一区二区三区精品酒店 | 国产亚洲亚洲| 久久wwww| 欧美日韩在线精品一区二区三区激情综合| 蜜臀va亚洲va欧美va天堂| 日韩精品一二三| 亚洲伊人影院| 日精品一区二区三区| 日韩精品中文字幕吗一区二区 | 亚洲一区二区三区高清| 老牛国内精品亚洲成av人片| 亚洲精品乱码| 亚洲网址在线观看| 日本亚洲三级在线| 日韩av中文字幕一区二区| 国产日韩在线观看视频| 欧美成a人片免费观看久久五月天| 久久不见久久见国语| 国产一区二区视频在线看| 欧美亚洲日本精品| 久久高清精品| 视频一区中文字幕国产| 视频精品一区| 国产精品激情| 人在线成免费视频| а√天堂8资源中文在线| 免费污视频在线一区| 伊人久久亚洲影院| 日韩在线观看一区二区三区| 久久精品99国产精品| 国产一区二区三区久久久久久久久| 中文字幕在线视频网站| 欧美精品激情| 日本精品久久| 国产精品国产三级国产在线观看| 日韩av一级| 爽爽淫人综合网网站| 国产欧美日韩影院| 免费高潮视频95在线观看网站| 夜夜嗨一区二区三区| 亚洲永久精品唐人导航网址| 国产精品igao视频网网址不卡日韩 | 久久精品卡一| 国产日韩专区| 欧美精品中文字幕亚洲专区| 国产一区二区三区成人欧美日韩在线观看| 久久国产电影| 欧美日韩18| 激情丁香综合| 91九色精品| 久久中文在线| 欧美日本不卡高清| 麻豆精品一区二区综合av| 日韩高清中文字幕一区二区| 视频一区二区不卡| 麻豆国产精品一区二区三区| 美女少妇全过程你懂的久久| 91亚洲精品在看在线观看高清| 精品国产不卡一区二区| 99成人在线| 国产福利一区二区精品秒拍| 亚洲精品中文字幕乱码| 国产精品视频一区二区三区综合| 欧美日韩一区二区三区视频播放| 日韩精品免费视频一区二区三区| 日韩一区二区在线免费| 中文在线不卡| 免费在线亚洲欧美| 在线亚洲激情| 国产成人精品福利| 一区二区电影| 亚洲二区视频| 久久av一区| 日韩网站中文字幕| 久久精品天堂| 特黄特色欧美大片|