- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2Adobe Illustrator CS5 序列號大全
- 3picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5蘋果iphone自動時間不準確的多種校正方法
- 6PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細教程
- 7眼萌app怎么色弱測試 眼萌app色弱測試圖文說明教程
- 8百度安全衛士好用么_百度安全衛士技巧說明
- 9Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 10Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 11ipad版office如何激活? office365激活的圖文說明教程
- 12最新的Adobe Illustrator CS4序列號大全
[摘要]這次給大家帶來如何利用getBoundingClientRect()來實現div容器滾動固定，利用getBoundingClientRect()來實現div容器滾動固定的注意事項有哪些，下面就是實戰案例，一起來看一下。ele.getBoundingClientRect()的方法是可以獲得一個元素在...
這次給大家帶來如何利用getBoundingClientRect()來實現div容器滾動固定，利用getBoundingClientRect()來實現div容器滾動固定的注意事項有哪些，下面就是實戰案例，一起來看一下。ele.getBoundingClientRect()的方法是可以獲得一個元素在整個視圖窗口的位置
可以return的值有width,height,top,left,x,y,right,bottom
場景
當你的一個div是處在viewport的一個中部位置
你想要的效果是當頁面滾動到這個div的時候，這個div就固定在頁面的頂部位置，其它滾動不變
思路
實現的思路可以利用這個方法來拿到這個div的top值
這個top值就是這個div到viewport的top值
監聽頁面的滾動事件 然后當這個top值<=0的時候 你可以給這個div加一個fixed固定的一個css樣式
就可以實現這樣一個效果了
相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
相關閱讀：
html標準寫法與dreamweaver生成代碼有哪些不一樣、
在html里怎么添加flash視頻格式(flv、swf)文件
怎樣通過disabled和readonly將input設置為只讀效果
以上就是如何利用getBoundingClientRect()來實現div容器滾動固定的詳細內容，更多請關注php中文網其它相關文章！
網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。
推薦資訊 總人氣榜
