Question

这是我从头开始构建的网站。突然之间，浏览器滚动条消失了。怎么解决？ MY WEBSITE

使用（ctrl +（+））或（ctrl +（ - ））放大或缩小网站。

Answer 1

你遇到的问题是你有许多位置：固定;

如果你是从头做这个......我建议你重新开始。我在3分钟内在jsfiddle中构建了THIS。这就是你现在建立这样一个网站的方式。这也是首先开始移动...所以有了一些媒体查询和响应滑块，你应该有一个更坚实的基础。我希望它有所帮助。固定定位将内容从流中拉出，然后浏览器看不到它的“长”程度，因此无需滚动。当你使用梦想织布工或其他东西？如果是这样，我可以看到这是怎么发生的。您应该使用html 5 doctype。深吸一口气，重新思考一下。

HTML

<header class="global-header">
    <div class="inner-w">
        HEADER
    </div> <!-- .inner-w -->
</header>

<section class="main-content">
    <div class="inner-w">

        <div class="block">block</div>

        <div class="block">block</div>

        <div class="block">block</div>

    </div> <!-- .inner-w -->
</section> <!-- .main-content -->

CSS

html, body {
    margin: 0;
    padding: 0;
}

.global-header {
    width: 100%;
    float left;
    min-height: 150px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: lightblue;
}

.main-content {
    width: 100%;
    float: left;
}

.inner-w {
    margin: 0 auto;
    max-width: 900px;
}

.block {
    width: 100%;
    float: left;
    background-color: #f06;
    min-height: 200px;
    margin-bottom: 20px;
}

Answer 2

不要在所有内容上使用position: fixed。它将它们从文档流中移除。如果需要，可以使用position: fixed作为顶部蓝色横幅。但要休息，请将其删除。这会将其设置为position: static（默认值），这将解决滚动问题

Answer 3

这是发布问题的极其错误的方法。但是，我发现了你的网站并发现每件事都有fixed position，这就是你没有滚动条的原因。使用relative职位

滚动条突然在我的页面中无法正常工作

3 个答案: