2017-12-27 1203 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时才应用您的代码。 –