回答編集履歴
1
追記
test
CHANGED
|
@@ -7,3 +7,17 @@
|
|
|
7
7
|
$('html').addClass('hide');
|
|
8
8
|
|
|
9
9
|
```
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
**追記**
|
|
14
|
+
|
|
15
|
+
恐らくは、スクロールを防ぐために`#contentsWrapper`の高さを決めて`overflow`を適用なさったのだと思われますが、これにより上部から`screenHeight-150px`のところでdivが打ち切られて強制的に上にスクロールされてしまっていました。
|
|
16
|
+
|
|
17
|
+
しかし、bodyまたはhtmlに`overflow`を適用させると意味合いが異なってきます。これらの要素に適用されたoverflowプロパティの値は、ビューポートへと適用されます。ビューポートとは、ブラウザのウインドウに表示されている領域のことで、ここに`overflow:hidden`が適用されることにより、html要素内に存在する内容は、ビューポートのサイズに合わせて切り取られ、スクロールバーが表示されなくなります。
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
参考
|
|
22
|
+
|
|
23
|
+
[https://www.w3.org/TR/CSS22/visufx.html#propdef-overflow](https://www.w3.org/TR/CSS22/visufx.html#propdef-overflow)
|