的外れかもしれませんが、質問者さんが想像するような動作はoverflowプロパティ
を使用して以下のようにすることで可能だと思います。しかし、iOS
ではこの方法が正常に動作しないようなので、別に処理を追加する必要があります(参考: iOSはoverflow:hidden;でスクロールを無効にできない)。また、HTML, CSSはブラウザに付属している開発者ツール
を使用することで編集することが出来るので、絶対にスクロール出来ないわけではないということは念頭においておく必要があると思います。
HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4 <meta charset="UTF-8">
5 <title>タイトル</title>
6 <style type="text/css">
7 html, body, .box {
8 width: 100%;
9 height: 100%;
10 margin: 0;
11 padding: 0;
12 }
13
14 body {
15 overflow: hidden;
16 }
17
18 .box:nth-of-type(2) {
19 background-color: #333333;
20 }
21 </style>
22</head>
23<body>
24<div class="box"></div>
25<div class="box"></div>
26</body>
27</html>