简单理解sticky定位与fixed定位的区别
生活随笔
收集整理的這篇文章主要介紹了
简单理解sticky定位与fixed定位的区别
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
fixed:固定定位,相對于可視窗口定位,一但使用top,left綁定后,無論怎么滾動可視窗口區域(也就是滑動滾動條),它的位置都不會發生變化
sticky:粘性定位,相當于是相對定位和固定定位的結合,既有相對定位的保留自己原來位置的特點又有固定定位相對于可視窗口定位的特點,必須至少含有top,left,right,bottom中一個進行綁定,比如說position:sticky? top:100px;? margin-top:400px? ?那么就是說這個小盒子初始情況距離頂部400px,在向下滾動300px范圍內都是相對定位展現,直到小盒子滾動到小盒子上邊框距離瀏覽器可視窗口上沿的距離只有100px時,它轉換為固定定位,就始終保持與可視窗口上沿100px的距離不再改變
總結
以上是生活随笔為你收集整理的简单理解sticky定位与fixed定位的区别的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: SSD断电保护机制
- 下一篇: 软考·系统架构师论文——论软件的高并发设