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