[解決済み] jQuery scrollTopがChromeで動作せず、Firefoxで動作する。
2023-06-30 21:54:09
質問
私は
scrollTop
関数を使用していましたが、いくつかの変更を加えた後、不思議なことにSafariとChromeで「スムーズなアニメーションスクロール」が機能しなくなりました(スムーズなアニメーションなしでスクロールする)。
しかし、Firefoxではまだスムーズに動作しています。何が間違っているのでしょうか?
使用したjQueryの関数はこちらです。
jQueryを使用しています。
$('a#gotop').click(function() {
$("html").animate({ scrollTop: 0 }, "slow");
//alert('Animation complete.');
//return false;
});
HTML
<a id="gotop" href="#">Go Top </a>
CSS
#gotop {
cursor: pointer;
position: relative;
float: right;
right: 20px;
/*top:0px;*/
}
どのように解決するのですか?
以下のように
$("html,body").animate({ scrollTop: 0 }, "slow");
これはクロームで動作します。
関連
-
[解決済み] jQuery の jquery-1.10.2.min.map が 404 (Not Found) を誘発する。
-
[解決済み] jest.fn()の値はモック関数またはスパイである必要があります。
-
[解決済み] GoogleのホストされたjQueryを使用する最良の方法、しかしGoogleの私のホストされたライブラリにフォールバックすることは失敗します。
-
[解決済み] jQuery select onChangeの値を取得する。
-
[解決済み] jQueryのSELECT要素で特定のオプションを選択するにはどうすればよいですか?
-
[解決済み] 変更イベントでradioを使用するには?
-
[解決済み] jQueryの複数要素の同一クリックイベント
-
[解決済み] jQuery removeClass ワイルドカード
-
[解決済み] jQueryで多段式フォームをリセットする
-
[解決済み] FirefoxでアニメーションのscrollTopが機能しない
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] jest.fn()の値はモック関数またはスパイである必要があります。
-
[解決済み] ユーザーがEnterキーを押してフォームを送信できないようにする
-
[解決済み] jQuery UIダイアログのクローズボタンを削除するには?
-
[解決済み] jQuery: テーブルの行数を数える
-
[解決済み] ドロップダウンのアイテムの選択値をjQueryで取得する
-
[解決済み] jQueryで5秒待つには?
-
[解決済み] jQueryの検証:デフォルトのエラーメッセージを変更する
-
[解決済み] jQueryで、ある要素を他の要素に対して相対的に配置するには?
-
[解決済み] jQueryで多段式フォームをリセットする
-
[解決済み] jQuery append() - 追記された要素を返す