html - 无法在顶部 div 滚动

Question

当光标悬停在顶部的蓝色 block 上时无法滚动，知道我哪里出错了吗？

JSFiddle Demo

HTML

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

    <div class="content">
        content
    </div>
</div>

CSS

body {
    margin: 0px;
    padding: 0px;
}
.block {
    background: blue;
    height: 300px;
    width: 100%;
    position: fixed;
}
.content {
    background: red;
    margin-top: 300px;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    position: absolute;
}
.wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: auto;
  }

JS

$(".wrapper").scrollTop(300);

Answer 1

由于您要为类 block 固定位置，因此它会阻止滚动条工作。所以改变类 block 的位置。