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

Question

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

视差滚动倾向于在手机上结结巴巴，因此一旦屏幕尺寸为一定的宽度，我想将其禁用。到目前为动

@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勾选该按钮？谢谢。

Answer 1

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

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

Answer 2

我能够使用以下自定义CSS通过Squarespace在移动视图上禁用视差，以定位并覆盖图元素的样式：

@media only screen and (max-width: 640px) { 
  figure[style] { 
    transform: initial !important; 
  } 
}

它将适用于宽度小于或等于640px的屏幕，并覆盖转换CSS属性，这实际上是决定视差的。