javascript - Squarespace:仅在移动设备上禁用视差滚动

示例模板：https://eamon-demo.squarespace.com/#overview-eamon

视差滚动在手机上趋于停顿，因此，我希望在屏幕尺寸达到一定宽度后将其禁用。到目前为止，我很幸运在“自定义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选中该按钮？谢谢。

最佳答案

如果SquareSpace阻止您禁用视差效果，则可以尝试手动覆盖transform属性：

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

关于javascript - Squarespace:仅在移动设备上禁用视差滚动，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47997081/