2

いくつかのオンライン記事を読んだところ、htmlタグはブラウザー ウィンドウを表すと書かれているため、htmlはブラウザー ウィンドウのサイズに等しいと書かれています。bodyのサイズがhtmlのサイズより大きい場合、スクロールバーが表示されます。したがって、スクロールバーを表示するかどうかを制御するのはhtml要素です。

それはこの写真のようです：

ここに画像の説明を入力

次のように考えることができます。

html { overflow: auto; }

したがって、スクロールバーを意図的に非表示にしたい場合は、次のようにします。

// myCSS.css
html { overflow: hidden;// override default }

体の位置までスクロールしたい場合：

var position = 500;
$('html').animate({scrollTop: position}, 1000);

これはすべて有望に聞こえます。しかし、私は FireBug を使用してhtmlタグの高さを確認しました。それらは常にbodyのサイズ以上です。(css のないデフォルトの Web ページで、body のコンテンツがウィンドウ サイズを超えていると仮定します) htmlタグのサイズは実際にはブラウザー ウィンドウのサイズではなく、body要素のサイズに近いものです。

では、スクロールバーは実際にはどこから来るのでしょうか? スクロールバーは実際にどのように機能しますか?

4

3 に答える 3

0

これは機能します：

html {
   height:100%;
   width:100%;
   overflow: hidden;
}
于 2013-11-03T23:04:45.487 に答える