Question

网站有问题，我已经读过溢出的问题：可能是问题，但似乎不是。在较小模式下查看时，某些网站似乎会被切断，并且不允许滚动。这可能发生在bootstrap的CSS吗？我使用全屏图像作为背景，也许它强制每个视口查看完整的图像

我可以发布CSS，但它与上面的链接相同。真的很感激任何帮助。在我的智慧结束！

Answer 1

使用jquery slimscroll。我遇到了同样的问题。

<div class="slim-scroll" data-height="auto" data-disable-fade-out="true">
     -----Code to scroll----
</div>

Answer 2

我能够通过三次更改解决这个问题。首先，您需要更改#home的css，如下所示：

#home {
  position: relative;
  margin: 0 auto;
  width: 100%;
  overflow: scroll;
  z-index: 2;
  background-size: cover;
}

这将打开主区域的滚动，但不会打开标题菜单。也许这就是你想要的，但如果没有 - 我改变的第二件事就是将menu-wrap元素移动到home元素中。你应该（大致）最终得到类似的东西：

<article id="home" class="active">
    <div id="menu-wrap"><!--html here --></div>
    <div class="proppage"><!--html here --></div>
    <!-- etc -->
</article>

这会让您更接近让菜单滚动页面，但最终使其滚动，您无法将位置设置为fixed。你在这里寻找的是absolute。请注意，fixed将其保留在浏览器中的该位置，其中绝对值将其保留在页面上的该位置。您更新后的css更改如下：

#menu-wrap {
  position: absolute;
  width: 100%;
  z-index: 1000;
  top: 0;
  left: 0;
  margin: 0 0px 0px 0px;
}

这非常接近你可能正在寻找的东西。希望有所帮助！

视口问题/没有滚动

2 个答案: