Javascript 带位置的平滑滚动问题：已修复；

我尝试使用平滑滚动效果，如下所示：

我已经计算出

位置：固定（或绝对值）是问题的根源。如果我更改此值，它将非常有效，但我不能，因为我有一个覆盖视口的bg图像，并且无法找到绕过它的方法

我如何解决这个问题？我发现这个方法可以解决问题，但我似乎无法实现它

我用来定位背景图片的css如下所示：

.bg {
  background-repeat:no-repeat;
  background-position:center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width:100%;
  height:100%;
  position:fixed;
  background-image: url( http://lorempixel.com/400/200/);
}

我个人会修复左上角的div，而不会将整个页面内容包装在其中

jsfiddle：

您是否有一个JSFIDLE示例再现了您的问题？只包含了一个，但我无法让它与JSFIDLE一起使用-抱歉！对于
位置：固定的
，通常也会设置这些属性：
顶部
、
左侧
和
z索引
。不@louyspatricebesette，它们不是。它们与这里列出的一样。z指数：0；左：0；排名：0；产生相同的结果。所以您的问题是
z-index
。奇怪的是，为什么不将背景图像及其属性添加到
正文中呢？因为js混乱
.bg {
  background-repeat:no-repeat;
  background-position:center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width:100%;
  height:100%;
  position:fixed;
  background-image: url( http://lorempixel.com/400/200/);
  top: 0; 
  left: 0;
  z-index: -1;
}