2017-12-27 912 views
0

實施例模板禁用視差滾動:https://eamon-demo.squarespace.com/#overview-eamonSquarespace:在移動設備上只

視差滾動趨於口吃在移動電話,所以我想禁用它一旦屏幕尺寸爲一定的寬度。我有運氣到目前爲止更改字體在自定義CSS節這個小屏幕:

@media only screen and (max-width: 640px) { 
    h1 { font-size: 60px; } 
    h2 { font-size: 35px; } 
    h3 { font-size: 30px; } 
    body { font-size: 18px; } 
} 

Squarespace提供了在設計選項卡按鈕,你可以勾選開啓和關閉視差轉動。當屏幕尺寸變小時,是否有辦法通過自定義CSS勾選該按鈕?謝謝。

回答

0

如果SquareSpace阻止您禁用視差效果,可以嘗試手動更改transform屬性:

@media only screen and (max-width: 640px) { 
    #parallax-images .image-container img { 
     transform: initial !important; 
    } 
} 
+1

謝謝!這非常有用,因爲它可以關閉某些頁面上的視差效果。現在我需要弄清楚的是獲取頁面寬度的代碼,並且只有在寬度<640時才應用您的代碼。 –