コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > Javascript_javascript ヒントの親要素内の子要素の相対位置を見つけるコード

Javascript_javascript ヒントの親要素内の子要素の相対位置を見つけるコード

WBOY
リリース： 2016-05-16 17:51:48
オリジナル
1379 人が閲覧しました

一晩中試した結果、方法を見つけたようです。
私の心は今も混乱しているので、最初に書き留めて、後で分析してください。

コードをコピー コードは次のとおりです:

// 子の相対位置を検索します親要素内の要素
function getElementTop(element){
var el = (typeof element == "string") document.getElementById(element) : element; null || el.style.display == 'none') {
return false;
}
return el.parentNode.offsetTop; 🎜>この関数は、親要素内の子要素の相対的な高さを取得できます。親要素のscrollTop属性を設定することで、子要素を配置できます。
関連ラベル：
子要素 親要素 相対位置
ソース：php.cn
前の記事：JavaScriptデザインパターンインターフェース入門_JavaScriptスキル 次の記事：js は click と dblclick events_javascript スキルの間の競合を不完全に解決します
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
CSS でフローティング要素を水平ではなく垂直にスタックするにはどうすればよいですか? 片側にメインコンテンツ、もう一方に追加コンテンツがある 2 つの列を持つ Web ページを作成しようとしています。ただし、float プロパティを使用して追加の列を左に揃えているた...
から 2024-04-06 20:45:26
0
2
386
Web サイトから入力要素を取得できません そこで、Twitter から入力要素を取得しようとしていますが、それを実行すると、ノード ターミナルでこのようなエラーが表示され続け、その結果、このコードによって作成されたブラウザ...
から 2024-04-06 18:59:57
0
1
442
文字列を HTML コード (配列から生成) に置き換えるトップレベルのメソッド 次のような文字列があるとします... $htmlPattern="Usernameis:#name#andusercompanyis#company#"; 部分...
から 2024-04-06 17:40:41
0
2
410
無効な React 子要素 (見つかった: キー {clientVersion} を持つオブジェクト)。子要素のコレクションをレンダリングする場合は、代わりに配列を使用してください 複数ステップのフォームを持っているのですが、送信しようとするとこのエラーが表示されます。ただし、createOrganization スケジュールを単純な形式で使用すると、機能しま...
から 2024-04-06 16:25:39
0
1
346
ベンダー固有の疑似要素上の JavaScript ホバー イベント 次の htmlinput タグがあります。 $("input[type='range']::-webkit-slider-thumb").on('hover',...
から 2024-04-06 15:35:24
0
1
274
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート