文章詳情頁
javascript - 移動端一個小效果
瀏覽:146日期:2023-06-21 13:02:22
問題描述
向下滾動,背景圖片收縮。
問題:這動畫怎么寫比較流暢(移動端),
問題解答
回答1:想讓動畫流暢,可以給動畫所在在DOM元素加上css屬性:transition : all .8s ease;
語法:transition: property duration timing-function delay transition-property :規定設置過渡效果的css屬性名稱transition-duration :規定完成過渡效果需要多少秒或毫秒transition-timing-function :指定過渡函數,規定速度效果的速度曲線transition-delay :指定開始出現的延遲時間默認值分別為:all 0 ease 0
回答2:需求不明確吧,是不是向上滾動時,慢慢蓋住后邊的頂部背景圖,最終保留能看到一半的背景圖。如果是這樣的話就不需要做動畫了
標簽:
JavaScript
相關文章:
1. javascript - 天貓首頁首屏數據來源2. mysql - 僅僅只是把單引號與反斜杠轉義不用prepare statement能否避免sql注入?3. macOS Sierra 10.12 安裝mysql 5.7.1出現錯誤4. 新入手layuiadmin,部署到tp中。想用php自已寫一個后臺管理系統。5. javascript - 按鈕鏈接到另一個網址 怎么通過百度統計計算按鈕的點擊數量6. mysql在限制條件下篩選某列數據相同的值7. php - 生產環境下,給MySQL添加索引,修改表結構操作,如何才能讓線上業務不受影響?8. mysql - 拖拽重排序后怎么插入數據庫?9. javascript - 微信小程序 wx.downloadFile下載文件大小有限制嗎10. mysql 獲取時間函數unix_timestamp 問題?
排行榜
