vue以及html加css實現吸頂效果

2021-09-25 19:45:50 字數 748 閱讀 8435

vue實現吸頂效果 頁面

頭部展示內容-------------

自動粘滯固定頭部,需要一直展示的

中部展示內容,中部展示內容,中部展示內容

data:

data () 

}},

mounted:

mounted())

}}

methods:

methods:

console.log('滾動的距離:'scrolled,'頭部的高度:'header_height')

this.auto_fixed =

}},

css:

.header

.auto_fixed

.fixed

.content

html加css實現吸頂效果

html:

頭部上面內容

頭部(我用了粘性定位)

內容內容內容內容內容內容內容內容內容內容

底部底部底部底部底部底部底部底部

css:

.center

header

main

footer

[ 有興趣相互學習的小夥伴可以關注我呦 !]

css實現斜線效果以及vue自帶外掛程式列印背景色

在開發過程中遇到了乙個很奇葩的問題,問題要求總結有如下三點 頁面分三部分,上半部分高度不確定,下半部分高度確定,中間部分需要填充除了上半部分和下半部分的區域。填充方式為斜線。該頁面需要列印出來。這三個要求隨便乙個單獨實現都不難,難得是全部滿足。首先,中間部分要填充剩下的區域,我採用彈性盒模型去實現。...

vue實現加記住密碼功能

1.記住密碼勾選,點登陸時,將賬號和密碼儲存到cookie,下次登陸自動顯示到表單內 2.不勾選,點登陸時候則清空之前儲存到cookie的值,下次登陸需要手動輸入 大體思路就是通過存 取 刪cookie實現的 每次進入登入頁,先去讀取cookie,如果瀏覽器的cookie中有賬號資訊,就自動填充到登...

css簡介以及在html中匯入css

css指層疊樣式表 cascading style sheets 樣式表解決了html的內容與表現分離的圍 使用樣式表可以提公升工作效率 基本語法 css語法主要由兩部分組成。1選擇器2一條或多條宣告 選擇器主要作用是為了確定需要改變樣式的html的元素 每一條宣告由乙個屬性和乙個值組成,使用花括號...