[解決済み] offsetTop vs. jQuery.offset().top
2023-04-28 22:45:10
質問
私は、以下のことを読みました。
offsetLeft
と
offsetTop
は、すべてのブラウザで正しく動作しません。
jQuery.offset()
は、xbrowserで正しい値を提供するために、この抽象化を提供することになっています。
私がやろうとしていることは、要素がクリックされた場所の座標を、要素の左上からの相対値で取得することです。
問題は
jQuery.offset().top
が FFX 3.6 で実際に 10 進数の値を与えていることです (IE と Chrome では、2 つの値は一致します)。
このフィドル
が問題を示しています。 下の画像をクリックすると
jQuery.offset().top
は 327.5 を返しますが
offsetTop
は328を返します。
と思いたいところですが
offset()
は正しい値を返すので、ブラウザ間で動作するため、これを使うべきだと思いたいです。 しかし、人々は明らかにピクセルの小数点をクリックすることができません。 への真のオフセットを決定する適切な方法はありますか?
Math.round()
へのオフセットは、jQueryが返しているオフセットと同じですか? 私は
offsetTop
を使うべきか、それとも全く別の方法を使うべきか?
どのように解決するのですか?
半ピクセルをクリックできないというのはその通りだと思いますので、個人的にはjQueryのオフセットを丸くする...といったところでしょうか。
関連
-
[解決済み] JavaScriptでページの一番上までスクロールする?
-
[解決済み] デベロッパーツールを使って、Chromeのボタンや要素で実行されるコードを調べる方法
-
[解決済み] なぜJavaScriptでは!{}[true]がtrueに評価されるのですか?
-
[解決済み] TypeScriptのdeclare classとinterfaceの違いとは?
-
[解決済み] 文字列が空白であるかどうかをチェックする
-
[解決済み] javascriptで文字列から関数を作成する方法はありますか?
-
[解決済み] ECMAScriptとは?
-
[解決済み] jQueryを使用して、すべてのクリックイベントハンドラを削除するにはどうすればよいですか?
-
[解決済み] JavaScriptのArray.sort()メソッドでシャッフルするのは正しいのか?
-
[解決済み] jQueryのバージョン1、バージョン2、バージョン3の違いは何ですか?[クローズド]
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] なぜJavaScriptでは!{}[true]がtrueに評価されるのですか?
-
[解決済み] TypeScriptのdeclare classとinterfaceの違いとは?
-
[解決済み] Reactコンポーネントでthis.setStateを複数回使用するとどうなりますか?
-
[解決済み] JavaScriptでの大文字小文字を区別しない正規表現
-
[解決済み] サブドメインにまたがってlocalStorageを使用する
-
[解決済み] イテレータでmap()を使用する
-
[解決済み] なぜjavascriptのES6 Promisesはresolve後も実行を継続するのですか?
-
[解決済み] jQueryのバージョン1、バージョン2、バージョン3の違いは何ですか?[クローズド]
-
[解決済み] Chrome拡張機能:popup.htmlを強制終了させる
-
[解決済み] ラジオボタンをクリックするとチェックが外れるようにするには?