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;
  }
}

这是我试图开始工作的视差分区。

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

谢谢！

Answer 1

你能创建一个jsfiddle吗？

无论如何，您的背景网址上的“已修复”确实存在

关于我的CSS的一些事情是阻止我的图像进行视差滚动

1 个答案: