offsetTopとclientXとpageXの違いについて

.. $( 'コン')(オフセット)トップ; // JQオフセット()ビューポートの相対

VaRのCON = document.getElementsByClassName( 'CON')[0];

//にconsole.log(con.offsetTop); //親に対して親ネイティブJS位置決めは、存在する場合、親のない姿勢であれば、ビューポートに対して

//にconsole.log(con.offsetWidth); //要素のネイティブJS含量であるoffsetWidth +パディング+ボーダー

//にconsole.log(con.style.width); //ネイティブJSを使用すると、CSSスタイル幅値の導入を得ることができない場合にのみ、スタイルのための素子幅値の線の間に取得することができ、設定の値のみがラインの間に設定されています上のスタイル

//にconsole.log(con.clientWidth); //ネイティブでJS clientWidth =コンテンツ+パディング値と同様cilentHeight

// con.addEventListener( 'のMouseEnter'、関数(E){

// //にconsole.log(e.clientX)は、ビューポートの座標に対する現在のマウスクリック点の座標を返します

//にconsole.log(e.clientX)//文書に対するタップ座標

//にconsole.log(e.offsetX); //座標親要素のクリックに対する

//}、false)を

console.log(con.clientTop);現在の要素の//のclientTopビューは、境界画素値の量であります

console.log(con.clientLeft)//現在の要素の境界画素値の同じビュー

pageX()属性は、原稿の左端に対するマウスポインタの位置、です。同様pageY、文書に対して

scrollWidthは:幅オブジェクトのローリングを取得 
scrollHeight:オブジェクトの高さを転がり得ます。 
scrollLeft:設定または取り出し左およびウィンドウ左端の現在表示内容との間の被写体距離 
scrollTopスプライト:設定またはウィンドウの内容の一番上の可視の上部に位置する物体までの距離をGET

//はinnerHeight取得または同様のビューポートの高さ内の要素の組はinnerWidth

// $( 'フッター')。innerHeightは()//値が取得されたコンテンツ+パディング値

// $( 'フッタ。')はinnerHeight(200);. //値が設定されたコンテンツ+パディング値

// outerWidthの取得またはビューポート同様に、外側の要素の幅を設定outerHeight

$('.Footer' ).outerWidth(); //値取得したコンテンツ+パディング+境界値

$('.Footer' ).outerWidth(200は); の合計値の//セット内容+パディング+境界値$('.footer' ).outerHeight(真の); 値取得したコンテンツ// +パディング+ボーダー+マージンの値

$(「.Footer」().outerHeight 300 真の); マージン値コンテンツの+ボーダーパディング+ + //設定した値の合計組み合わせ

公開された19元の記事 ウォン称賛58 ビュー50000 +

おすすめ

転載: blog.csdn.net/cyg_l02/article/details/82974648