ホームページ > ウェブフロントエンド > jsチュートリアル > jsのscrollHeight、scrollWidth、scrollLeft、scrolltopなどの違いを紹介_基礎知識

jsのscrollHeight、scrollWidth、scrollLeft、scrolltopなどの違いを紹介_基礎知識

WBOY
リリース: 2016-05-16 17:53:34
オリジナル
1343 人が閲覧しました
复制代 代码如下:





js位子表示





一般的なマウスダウン、マウスムーブ、マウスアップなどの操作は、一般的なマウスのような電子デバイス上でのみ動作します。
これも非常に単純で、mousedown、mousemove、mouseup のタッチ イベントはそれぞれ touchstart、touchmove、touchend です。
時間の節約のため、本稿では多くのことを述べませんでした。




ie(ie9,chrome,ff 基本一致)中:
offsetHeight(元素の高さと宽度を返す、像素は单位, 内边距離を含む):
200 4 4 3 3=214(自身 200 の高さの上下のそれぞれが 4 の内周距離の上下のそれぞれの境界線、外周の距離は含まれないことに注意)
offsetWidth(元素の高さと高さを返します。画素は単位であり、内周距離を含む):、
100 3 3 4 4=114 同じく
offsetLeft (当前の要素の左境界を含む要素の左境界のオフセットを返す)量,以像素は单位):
2 3 1=6(つまり6下は3)(父级divの内左边距離2 父级div外左边距離3 子div左外边距離1,注意这里子div内
offsetTop (前の要素の上境界から、それに含まれる要素の上境界までのオフセット量を画素単位で返します。)
2 3 1=6(つまり 6 下が 2) 処理とオフセット左

scrollHeight (要素の完全な高さと高さを単位単位で返します。要素がアクティブなとき (たとえば、 CSS の overflow:scroll プロパティ、非表示の場合、得られるのは文字を表示できる高さだけです) 474 (div の実際の 1 つ分の高さ、背面の文字によって決定されます、overflow:scroll )
如果オーバーフロー:非表示、390 のみ、その他の被処理
場合はオーバーフロー、つまり 390、どれくらいのオーバーフロー:スクロールが 474 以降ですか? >:(和scrollheight道理一样)
overflow:hidden值が108(子div实际の宽度)
overflow:scroll值が90(ここは何ですか?难道は滚動条の宽度を含みません?) オーバーフローを解除します。値は 108 です。
scrolltop
(要素の左境界または上境界のピクセル数を返します。要素が移動しているときのみ、たとえば要素の CSS オーバーフロー プロパティ設定これらのプロパティは、テキストの または 上でのみ定義されており、これらのプロパティは、アニメーション テキストの位置を設定するのにも役立ちます。并不会指定一個