close

這陣子在寫個視差卷軸onepage網頁時，

手機版鑲嵌的圖片不但沒有卷軸效果="=

而且圖片不知道算比例跑掉還是怎樣完全看不出來是甚麼.....

然後只能爬文爬文~~蛋士好像沒什麼中文說明，老天逼我看原文ㄚㄚㄚㄚ

以下是我參考的幾篇文章連結：

https://developer.telerik.com/featured/scroll-event-change-ios-8-big-deal/　

（這篇講ＩＯＳ會中斷ｓｃｒｏｌｌ)

https://stackoverflow.com/questions/44416732/parallax-scrolling-not-working-on-mobile-css

（這篇講手機為了電池效能會中斷因為scroll而中斷JS，跟前篇ios理論差不多)

https://stackoverflow.com/questions/20443574/fixed-background-image-with-ios7

(我參考的版本是至頂的那個回覆)

將原背景設定改為background-position: scroll； ，

搭配JS的設定

該大神留的Demo

 

 
arrow
arrow
    文章標籤
    視差卷軸 parallax mobile not working parallax
    全站熱搜
    創作者介紹
    創作者 No.彎 的頭像
    No.彎

    My coding life

    No.彎 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄