css整屏滚动

最新推荐文章于 2024-09-08 06:30:51 发布

2422400672

最新推荐文章于 2024-09-08 06:30:51 发布

阅读量295

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/qq_36154659/article/details/117028724

版权

css 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    html,body{
        scroll-snap-type: y mandatory;
        height: 900px;
        overflow: auto;
    }
    div.item {
        scroll-snap-align: center;
        height: 900px;
    }
</style>
<body>
<div style="background: aqua" class="item"></div>
<div style="background: rebeccapurple" class="item"></div>
<div style="background: greenyellow" class="item"></div>
<div style="background: dimgrey" class="item"></div>
</body>
</html>