我正在为我的网站使用引导程序，并使localscroll正常工作（我使用标准的导航条形码）。到目前为止，一切都很好。
接下来，我想实现一个全屏背景，使其在台式机和移动设备（iPhone，Android等）上正常运行。背景图片应覆盖整个屏幕，并且当用户滚动页面内容时不应移动。我可以找到的唯一解决方案（经过长时间的搜索）是：
html {
background: url('images/ny-building-xs-optimized.jpg') no-repeat center center fixed !important;
background-size: cover !important;
height: 100%;
overflow: hidden;
}
body {
height: 100%;
overflow: scroll;
-webkit-overflow-scrolling: touch; /* smooth scrolling on ios */
}
这很棒！
现在，如果我结合使用全屏背景CSS和Localscroll。 Localscroll停止工作。这很奇怪，因为我在某处读到要使localscroll正常工作，您需要设置一个高度并设置溢出来滚动。两者都已设置。
如果我消除了溢出：html标记中的隐藏CSS比localscroll起作用，但是背景在我的iPhone上无法正常工作（它滚动并放大到内容的整个大小-而不是视口）。
有没有人能解决其中背景图片起作用且localscroll保持起作用的解决方案？
谢谢！
最佳答案
我最终使用一个单独的div作为静态背景，解决了所有问题。
但是，这导致了移动设备上的新问题。见White area on fixed background when scrolling on ios