jquery - 关于我的 CSS 的一些东西阻止了我的图像视差滚动

Question

我不确定是什么东西阻止了我的视差正常滚动。我在网上抓取了一些代码来制作一个粘性侧边栏，并且相信问题出在其中的某个地方，因为我之前已经成功地完成了视差。这是导入的代码。

body,html,.row-offcanvas {


height:100%;
}

#sidebar {
  width: inherit;
  min-width: 220px;
  max-width: 220px;
  background-color:#f5f5f5;
  float: left;
  height:100%;
  position:relative;
  overflow-y:auto;
  overflow-x:hidden;
}
#main {
  height:100%;
  overflow:auto;
}

/*
 * off Canvas sidebar
 * --------------------------------------------------
 */
@media screen and (max-width: 768px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    width:calc(100% + 220px);
  }

  .row-offcanvas-left
  {
    left: -220px;
  }

  .row-offcanvas-left.active {
    left: 0;
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
  }
}

这是我要开始工作的视差 div。

.stairsImage
{
  background: url('../images/stairs1.jpg') no-repeat center center fixed;
  background-size: cover;
  width: 100%;
  height: 37.5em;
 }

谢谢!

Answer 1

你能创建一个 jsfiddle 吗？

不管怎样，你后台网址上的“fixed”确实值得怀疑