文章詳情頁(yè)
javascript - 移動(dòng)端一個(gè)小效果
瀏覽:91日期:2023-06-21 13:02:22
問(wèn)題描述
向下滾動(dòng),背景圖片收縮。
問(wèn)題:這動(dòng)畫怎么寫比較流暢(移動(dòng)端),
問(wèn)題解答
回答1:想讓動(dòng)畫流暢,可以給動(dòng)畫所在在DOM元素加上css屬性:transition : all .8s ease;
語(yǔ)法:transition: property duration timing-function delay transition-property :規(guī)定設(shè)置過(guò)渡效果的css屬性名稱transition-duration :規(guī)定完成過(guò)渡效果需要多少秒或毫秒transition-timing-function :指定過(guò)渡函數(shù),規(guī)定速度效果的速度曲線transition-delay :指定開始出現(xiàn)的延遲時(shí)間默認(rèn)值分別為:all 0 ease 0
回答2:需求不明確吧,是不是向上滾動(dòng)時(shí),慢慢蓋住后邊的頂部背景圖,最終保留能看到一半的背景圖。如果是這樣的話就不需要做動(dòng)畫了
標(biāo)簽:
JavaScript
上一條:javascript - 想請(qǐng)教一下這個(gè)網(wǎng)頁(yè)中的自動(dòng)旋轉(zhuǎn)和折疊部分是如何實(shí)現(xiàn)的下一條:html5 - 如何讓背景圖在手機(jī)端全屏顯示(內(nèi)容比較長(zhǎng),有滾動(dòng)條),保證圖片不變形的情況?
相關(guān)文章:
1. mysql - 數(shù)據(jù)庫(kù)建表方面的問(wèn)題?2. javascript - IOS微信audio標(biāo)簽不能通過(guò)touchend播放3. javascript - react,獲取radio的值出錯(cuò)4. javascript - 自執(zhí)行函數(shù)是當(dāng)加載到這個(gè)js就執(zhí)行函數(shù)了嗎5. docker不顯示端口映射呢?6. docker鏡像push報(bào)錯(cuò)7. docker start -a dockername 老是卡住,什么情況?8. javascript - web端請(qǐng)求一個(gè)正在被修改的文件會(huì)怎么樣?9. docker images顯示的鏡像過(guò)多,狗眼被亮瞎了,怎么辦?10. angular.js - angular內(nèi)容過(guò)長(zhǎng)展開收起效果
排行榜

熱門標(biāo)簽