涵盖背景img和jquery localscroll

我正在为我的网站使用bootstrap，并让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工作，您需要设置一个高度，并将overflow设置为scroll。两个都设置好了

如果我从html标记中删除overflow:hidden css，则localscroll可以工作，但背景在我的iphone上无法正常工作（它会滚动并放大到内容的完整大小，而不是视口）

有没有人有一个解决方案，背景图片可以正常工作，而localscroll可以正常工作

---

谢谢

我最终使用了一个单独的div作为静态背景，解决了我所有的问题

然而，这导致了一个关于手机的新问题。看