JQueryのスクロール速度を瞬時にしてください

ベン

JQueryのスクロール速度を瞬時にしたいと思います(スムーズ/高速ではありませんが、従来のアンカーhref = "#"のように瞬時に)。キューに関するもののようですが、どうすればスクリプトを変更できますか?ご協力いただきありがとうございます。

https://jsfiddle.net/7f1Ldeqr/

<div style="height:3000px">
<a href="#" id="link">Down</a>
<a name="here" style="position:relative; top:2000px;"></a>
</div>

<script src='http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.js'></script>
<script>
function scrolling(aid){
var aTag = $("a[name='"+ aid +"']");
$('html,body').animate({scrollTop: aTag.offset().top},'fast');}
$("#link").click(function() {
scrolling('here');});
</script>
ベン

ご回答ありがとうございます。そのパラメータを変更しても、私にとっては変更されませんでした。私はscrollIntoViewに関するquantumPuterのアドバイスに従い、それは機能しました(最終的に、JQueryは必要ありません。「href = "#openmenu" onclick = "window.location.hash = '#menu1'"」という用語を追加して、組み合わせることができることを証明しました他のものを一緒にして、そのスクロールを引き続き機能させます)。

https://jsfiddle.net/7k1s6t80/

<div style="height:3000px">
<a id="forscroll" href="#openmenu" onclick="window.location.hash = '#menu1'">Down</a>
<a id="here" style="position:absolute; top: 2000px;"></a>
</div>

<script>
const target = document.getElementById('here'),
button = document.getElementById('forscroll');
button.addEventListener('click',
function(){target.scrollIntoView({block: 'start',behavior:'instant',inline:'start'});});
</script>

また、私の質問に答えるために、JQueryを瞬時にスクロールさせます(私が思ったようにキューについてです)=>

$('html,body').animate({scrollTop: e.offset().top},{queue: false,duration: 0})

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

プロジェクトライダー-ビルド時にmsbuildの出力を参照してください

分類Dev

実行時にVueインスタンスまたはそのルート$ dataにリアクティブプロパティを追加しないでください-データオプションで事前に宣言してください。

分類Dev

クラス内の変数をグローバルにし、クラス内でのみグローバルにする方法を教えてください。

分類Dev

REACTINFINITEのページごとに1回だけAPIリクエストを行う方法はこちらをスクロールしてください

分類Dev

スクリプトの実行時に、Herokuログの警告「(ノード)sysは非推奨です。代わりにutilを使用してください」

分類Dev

スクリプトを含むHTMLを別のページにロードしてみてください

分類Dev

jQueryはスクロール時にさらに多くのデータをロードします

分類Dev

プログラムのインストールに対して「はい」の応答をスクリプト化する方法を教えてください。

分類Dev

C ++マクロのクラスを参照してください

分類Dev

SQLで時間間隔ごとにグループ化されたセカンダリリクエストの分布を参照してください

分類Dev

PHP Webクローラー、パスのURLを確認してください

分類Dev

同じプロジェクト、異なるモジュールのクラスを参照してください

分類Dev

実行時にwebdriverをテストでロード時間を確認してください

分類Dev

Angular6用のスクロールバープラグインを提案してください

分類Dev

次のメンバーのループを実行する前にタスクを完了してください

分類Dev

Factoryクラスのプロバイダーを選択してください

分類Dev

jQueryを介してプログラムでスクロールを設定するときに、スクロールアニメーションをブロックしないでください

分類Dev

HTML5入力が必要です。送信時に固定ナビゲーションバーでスクロールして入力してください

分類Dev

MVVMに焦点を合わせた後のスクロールは避けてください

分類Dev

CSSで絶対divを右に配置するための水平スクロールは避けてください

分類Dev

グリッド行をスクロールしてフォーカスを表示しないでください

分類Dev

ループでのJavaScriptクロージャーの使用について説明してください

分類Dev

Cmake:makeinstallの実行時にプロジェクトを再度ビルドしないでください

分類Dev

Autohotkey-スクロールした長さを覚えておいてください

分類Dev

iframeスクロールJavascriptの最後にビューポートをスクロールしないでください

分類Dev

Jqueryの.eachループについて説明してください

分類Dev

クローンリクエストを行う前にトークンを更新してください

分類Dev

pipのインストール時にすべてのファイルをコピーしないでください

分類Dev

LightDMでのログイン時にすべてのユーザーをリストしないでください

Related 関連記事

  1. 1

    プロジェクトライダー-ビルド時にmsbuildの出力を参照してください

  2. 2

    実行時にVueインスタンスまたはそのルート$ dataにリアクティブプロパティを追加しないでください-データオプションで事前に宣言してください。

  3. 3

    クラス内の変数をグローバルにし、クラス内でのみグローバルにする方法を教えてください。

  4. 4

    REACTINFINITEのページごとに1回だけAPIリクエストを行う方法はこちらをスクロールしてください

  5. 5

    スクリプトの実行時に、Herokuログの警告「(ノード)sysは非推奨です。代わりにutilを使用してください」

  6. 6

    スクリプトを含むHTMLを別のページにロードしてみてください

  7. 7

    jQueryはスクロール時にさらに多くのデータをロードします

  8. 8

    プログラムのインストールに対して「はい」の応答をスクリプト化する方法を教えてください。

  9. 9

    C ++マクロのクラスを参照してください

  10. 10

    SQLで時間間隔ごとにグループ化されたセカンダリリクエストの分布を参照してください

  11. 11

    PHP Webクローラー、パスのURLを確認してください

  12. 12

    同じプロジェクト、異なるモジュールのクラスを参照してください

  13. 13

    実行時にwebdriverをテストでロード時間を確認してください

  14. 14

    Angular6用のスクロールバープラグインを提案してください

  15. 15

    次のメンバーのループを実行する前にタスクを完了してください

  16. 16

    Factoryクラスのプロバイダーを選択してください

  17. 17

    jQueryを介してプログラムでスクロールを設定するときに、スクロールアニメーションをブロックしないでください

  18. 18

    HTML5入力が必要です。送信時に固定ナビゲーションバーでスクロールして入力してください

  19. 19

    MVVMに焦点を合わせた後のスクロールは避けてください

  20. 20

    CSSで絶対divを右に配置するための水平スクロールは避けてください

  21. 21

    グリッド行をスクロールしてフォーカスを表示しないでください

  22. 22

    ループでのJavaScriptクロージャーの使用について説明してください

  23. 23

    Cmake:makeinstallの実行時にプロジェクトを再度ビルドしないでください

  24. 24

    Autohotkey-スクロールした長さを覚えておいてください

  25. 25

    iframeスクロールJavascriptの最後にビューポートをスクロールしないでください

  26. 26

    Jqueryの.eachループについて説明してください

  27. 27

    クローンリクエストを行う前にトークンを更新してください

  28. 28

    pipのインストール時にすべてのファイルをコピーしないでください

  29. 29

    LightDMでのログイン時にすべてのユーザーをリストしないでください

ホットタグ

アーカイブ