Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 视口问题/无滚动_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 视口问题/无滚动

Javascript 视口问题/无滚动,javascript,jquery,html,css,Javascript,Jquery,Html,Css,网站有问题,我读过overflow-y:可能是问题,但看起来不是。当以较小的模式查看时,某些站点似乎被切断,并且不允许滚动。bootstrap的css会发生这种情况吗?我使用了一个全屏图像作为背景,可能它会强制每个视口查看全屏图像 我可以发布CSS,但与上面的链接相同。非常感谢您的帮助。我真是束手无策 使用jquery slimscroll。我也有同样的问题 <div class="slim-scroll" data-height="auto" data-disable-fade-out=

网站有问题,我读过overflow-y:可能是问题,但看起来不是。当以较小的模式查看时,某些站点似乎被切断,并且不允许滚动。bootstrap的css会发生这种情况吗?我使用了一个全屏图像作为背景,可能它会强制每个视口查看全屏图像


我可以发布CSS,但与上面的链接相同。非常感谢您的帮助。我真是束手无策

使用jquery slimscroll。我也有同样的问题

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

我可以通过三个改变来解决这个问题。首先,您需要按如下方式更改主页的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>

这与您可能正在寻找的非常接近。希望有帮助

德鲁:你帮了大忙。你的回答解决了这个问题@SirSwish如果有帮助,可以随意标记为答案:
#menu-wrap {
  position: absolute;
  width: 100%;
  z-index: 1000;
  top: 0;
  left: 0;
  margin: 0 0px 0px 0px;
}