Question

我有一个700px高的div，在div下是200px的图片。我想允许滚动前700px但不再滚动。因此，在较小的垂直分辨率下，用户可以滚动查看前700px，但其余部分则“切断”。

另一方面，大垂直分辨率的用户将看到700px div和图片都没有滚动条。

怎么做？

Answer 1

您可以使用css媒体查询在不同的窗口大小上使用不同的css。

@media all and (min-width: 350px) and (min-height: 950px) {
    // css for a window size of 250px height and 750px width or higher
}

所以你想做这样的事情？

.content {
    height: 700px;
    width: 300px;
}

.main {
    height: 700px;
    width: 100%;
    background-color: red;
}

.pic {
    display: none;
    height: 200px;
    width: 100%;
    background-color: blue;
}

@media all and (min-height: 950px) {
    .content {
        height: 900px;
    }
    .pic {
        display: block;
    }
}

允许div滚动x数量然后停止？

1 个答案: