[解決済み] 要素の下端と右端を取得する
2023-05-03 17:05:28
質問
ウィンドウ内のある要素の位置を以下のように取得しようとしています。
var link = $(element);
var offset = link.offset();
var top = offset.top;
var left = offset.left;
var bottom = $(window).height() - link.height();
bottom = offset.top - bottom;
var right = $(window).width() - link.width();
right = offset.left - right;
ただし、下と右は
-
が付いています。数字は正しいのですが、マイナスになってはいけません。
どのように解決するのですか?
の代わりに
var bottom = $(window).height() - link.height();
bottom = offset.top - bottom;
なぜ
var bottom = $(window).height() - top - link.height();
編集:あなたの間違いは、あなたがやっているのは
bottom = offset.top - bottom;
の代わりに
bottom = bottom - offset.top; // or bottom -= offset.top;
関連
-
[解決済み】ある要素を別の要素に移動させるには?
-
[解決済み] jQueryを使って要素のIDを取得するにはどうすればよいですか?
-
[解決済み] 要素外でのクリックを検出するにはどうすればよいですか?
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] jQueryで要素にスクロールする
-
[解決済み] jQueryを使ってドロップダウンリスト(セレクトボックス)から選択されたテキストを取得する
-
[解決済み] セレクタの子を取得する方法は?
-
[解決済み] 画面サイズ、現在のウェブページ、ブラウザウィンドウのサイズを取得する
-
[解決済み] jQueryで複数のクラスを持つ要素を選択するにはどうすればよいですか?
-
[解決済み] jQueryで現在のURLを取得する?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
echarts-all.js:1 Uncaught TypeError: nullのプロパティ'getAttribute'を読み取ることができません。
-
[解決済み] Microsoft JSONの日付はどのようにフォーマットするのですか?
-
[解決済み] jQueryでdata属性で要素を選択する
-
[解決済み] jQueryでPUT/DELETEリクエストを送信する方法は?
-
[解決済み] 既存の非順序型リストにリストアイテムを追加する方法
-
[解決済み] クリックボタンでクリップボードにコピー
-
[解決済み] .text()を使って子タグにネストされていないテキストのみを取得する方法
-
[解決済み] Electron: jQueryが定義されていない
-
[解決済み] jQuery / JavaScriptでJSONデータをパースする方法は?
-
[解決済み】jQueryでRSSをパースする。