日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

简单理解sticky定位与fixed定位的区别

發布時間:2024/3/13 编程问答 34 豆豆
生活随笔 收集整理的這篇文章主要介紹了 简单理解sticky定位与fixed定位的区别 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

fixed:固定定位,相對于可視窗口定位,一但使用top,left綁定后,無論怎么滾動可視窗口區域(也就是滑動滾動條),它的位置都不會發生變化

sticky:粘性定位,相當于是相對定位和固定定位的結合,既有相對定位的保留自己原來位置的特點又有固定定位相對于可視窗口定位的特點,必須至少含有top,left,right,bottom中一個進行綁定,比如說position:sticky? top:100px;? margin-top:400px? ?那么就是說這個小盒子初始情況距離頂部400px,在向下滾動300px范圍內都是相對定位展現,直到小盒子滾動到小盒子上邊框距離瀏覽器可視窗口上沿的距離只有100px時,它轉換為固定定位,就始終保持與可視窗口上沿100px的距離不再改變

總結

以上是生活随笔為你收集整理的简单理解sticky定位与fixed定位的区别的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。