Wordpress Twenty Seventeen Front Page部分滚动效果无法在移动设备上运行

Question

我有一个wordpress网站并使用Twenty Seventeen主题，我喜欢Front Page Sections上的滚动功能，就像在这个演示中一样：

https://2017.wordpress.net/

现在我试图让滚动功能​​在移动设备上运行，但是当我看到CSS时我发现了这个

TypeError

但我知道背景附件在移动设备上效果不佳。有没有人知道一个工作，我发现和在线尝试的一切都不起作用。

Answer 1

您需要在style.css文件中写上面的css。我们必须设置固定的背景图像而不是滚动。

.panel-image {
   background-attachment: fixed;
}

Answer 2

尝试仅选择一个班级＆＃34; .panel-image＆＃34;使用像这样的媒体查询：

@media screen and (max-width: 768px) {
  .panel-image {
    background-attachment: fixed;
  }
}

Answer 3

要使背景滚动将背景附件属性设置为固定

.background-fixed .panel-image {
   background-attachment: fixed;
 }

要使其在移动设备上运行，您必须将CSS置于媒体查询上方或将以下代码粘贴到您的style.css中

@media screen and (max-width: 768px){
.background-fixed .panel-image {
   background-attachment: fixed;
 }
} 

Answer 4

不能在移动设备上运行，因为该主题仅在桌面上启用了此功能。要在移动设备上工作，请添加此自定义css：

.background-fixed .panel-image {
    background-attachment: fixed;
}

这样，在每个断点处都会应用效果