你不知道的sticky

2022-03-09 19:13:39 字數 3047 閱讀 8626

position:sticky,chrome新版本已經做了支援。sticky的中文翻譯是「粘性的」,position:sticky表現也符合這個粘性的表現。基本上,可以看出是position:relativeposition:fixed的結合體——當元素在螢幕內,表現為relative,就要滾出顯示器螢幕的時候,表現為fixed。

語法:

header

看個類似通訊錄滾動的例子:

p>阿姨

p>

<

p>阿三

p>

<

p>阿四

p>

content

>

<

footer

>a結束

footer

>

section

>

<

section

>

<

h4>b

h4>

<

content

>

<

p>b一

p>

<

p>b二

p>

<

p>b三

p>

content

>

<

footer

>b結束

footer

>

section

>

<

section

>

<

h4>c

h4>

<

content

>

<

p>c一

p>

<

p>c二

p>

<

p>c三

p>

content

>

<

footer

>c結束

footer

>

section

>

<

section

>

<

h4>d

h4>

<

content

>

<

p>d一

p>

<

p>d二

p>

<

p>d三

p>

content

>

<

footer

>d結束

footer

>

section

>

<

section

>

<

h4>e

h4>

<

content

>

<

p>e一

p>

<

p>e二

p>

<

p>e三

p>

content

>

<

footer

>e結束

footer

>

section

>

<

section

>

<

h4>f

h4>

<

content

>

<

p>f一

p>

<

p>f二

p>

<

p>f三

p>

content

>

<

footer

>f結束

footer

>

section

>

article

>

body

>

html

>

可以在移動端,盡情的戲耍啦~~~

不知道不知道

函式分析 希爾伯特 哥德爾不完備定理 哥德爾不完全性定理一舉粉碎了數學家兩千年來的信念。他告訴我們,真與可證是兩個概念。可證的一定是真的,但真的不一定可證。某種意義上,悖論的陰影將永遠伴隨著我們。無怪乎大數學家外爾發出這樣的感嘆 上帝是存在的,因為數學無疑是相容的 魔鬼也是存在的,因為我們不能證明這...

不知道不知道

函式分析 希爾伯特 哥德爾不完備定理 哥德爾不完全性定理一舉粉碎了數學家兩千年來的信念。他告訴我們,真與可證是兩個概念。可證的一定是真的,但真的不一定可證。某種意義上,悖論的陰影將永遠伴隨著我們。無怪乎大數學家外爾發出這樣的感嘆 上帝是存在的,因為數學無疑是相容的 魔鬼也是存在的,因為我們不能證明這...

你不知道的 和

開發中,編寫有一定逼格的 是每個程式猿都追求的。經常用來判斷的符號 和 也經常用來定義變數哦,你知道嗎?邏輯與 在有乙個運算元不是布林值的情況下,就不一定返回布林值。比如以下情況 1 第乙個運算元是物件,返回第二個數 var myinfo console.log myinfo 2 輸出22 第二個運...