クリック時とページの読み込み時にスクロールして

奇数

こんにちは私は現在、ホームページのさまざまなコンテンツへのアンカーリンクをたくさん持っています。ユーザーがリンクをクリックすると、うまくスクロールダウンします。(私が使用しているものの下のコードを参照してください)

今私がしたいのは、誰かが別のページからそのコンテンツにリンクできることです/#helloと言うことができます

現在、誰かが/#hello(リンクをクリックしない)に移動すると、デフォルトのアンカー状態が実行されますが、これは問題ありませんが、ページが読み込まれたときに発生するコードのオフセットが本当に必要です#リンク

誰かがこれを実現するためのJQueryの簡単な部分を知っているか、ロード時にも実現するようにコードを変更(またはポインターを与える)できる場合、それは私を大いに助けます。

ありがとう

**// Scroll to
$(document).ready(function(){
    $(".scroll").bind('click.smoothscroll',function (e) {
        e.preventDefault();

        var target = this.hash,
        $target = $(target);

        $('html, body').stop().animate({
            'scrollTop': $target.offset().top-70
        }, 900, 'swing', function () {
            window.location.hash = target;
        });
    });
});**
ディノダサウルス

すべてのページの読み込みで、次のように確認できます。

if(location.hash){
   $('html, body').stop().animate({
        'scrollTop': $(location.hash).offset().top-120
    }, 900 );
}

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

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

編集
0

コメントを追加

0

関連記事

分類Dev

ページの読み込み時に表示ブロックとしてdivを作成する

分類Dev

ページの読み込み時にdivまでスクロール

分類Dev

Firefoxはページの読み込み時に下にスクロールします

分類Dev

ページの読み込み時にDivの一番下までスクロールします(jQuery)

分類Dev

ページの読み込み時にHTMLボタン/リンクをクリックします

分類Dev

Jqueryクリックトリガーがページの読み込み時にラベルに対して機能しない

分類Dev

ページの読み込み時に自動的にラジオボタンをクリックします

分類Dev

ページの読み込み時に特定の領域までスクロールし、Ajaxクエリを実行します

分類Dev

ブートストラップをマーク-ページの読み込み時にオプションを選択済みとして選択

分類Dev

ページの読み込み時に存在しない要素のイベントをクリックします

分類Dev

ページの読み込み時にチェックボックスが正しく機能しない

分類Dev

ページの読み込み時にリクエストを行う方法、フックに反応する

分類Dev

divクリックイベントはページの読み込み時に自動的に発生します

分類Dev

AJAXの読み込みとページのスクロール

分類Dev

ページの読み込み時にIDまでスクロールをアニメーション化

分類Dev

ページの読み込み時にjavascript関数を使用してHTMLリストボックスにデータを入力します

分類Dev

React Hooksでページの読み込み時に要素にスクロールする

分類Dev

ページの読み込み時にJavascriptグローバル変数にアクセスする

分類Dev

ページの読み込み時に下にスクロールしますが、上にスクロールできます

分類Dev

ページの読み込み時にページ上の要素をクリックする

分類Dev

ページの読み込み時に呼び出されるイオン無限スクロール関数

分類Dev

ページの読み込み時とボタンのクリック時に定義された関数を実行します

分類Dev

ページの読み込み時に異なる値とラベルでリストボックスの値を設定する

分類Dev

divがスクロールされたとき、およびページの読み込み時に関数を実行しますか?

分類Dev

リンクを使用してページの読み込み時に特定のDivを展開

分類Dev

ページ読み込み時のJSFリダイレクト

分類Dev

JQueryを介してページの読み込み時にクリックJSコードをトリガーします

分類Dev

localstorageを使用してページの読み込み時にリダイレクトを反応させる

分類Dev

ページの読み込み時に拡張ライブラリダイアログボックスを表示しますか?

Related 関連記事

  1. 1

    ページの読み込み時に表示ブロックとしてdivを作成する

  2. 2

    ページの読み込み時にdivまでスクロール

  3. 3

    Firefoxはページの読み込み時に下にスクロールします

  4. 4

    ページの読み込み時にDivの一番下までスクロールします(jQuery)

  5. 5

    ページの読み込み時にHTMLボタン/リンクをクリックします

  6. 6

    Jqueryクリックトリガーがページの読み込み時にラベルに対して機能しない

  7. 7

    ページの読み込み時に自動的にラジオボタンをクリックします

  8. 8

    ページの読み込み時に特定の領域までスクロールし、Ajaxクエリを実行します

  9. 9

    ブートストラップをマーク-ページの読み込み時にオプションを選択済みとして選択

  10. 10

    ページの読み込み時に存在しない要素のイベントをクリックします

  11. 11

    ページの読み込み時にチェックボックスが正しく機能しない

  12. 12

    ページの読み込み時にリクエストを行う方法、フックに反応する

  13. 13

    divクリックイベントはページの読み込み時に自動的に発生します

  14. 14

    AJAXの読み込みとページのスクロール

  15. 15

    ページの読み込み時にIDまでスクロールをアニメーション化

  16. 16

    ページの読み込み時にjavascript関数を使用してHTMLリストボックスにデータを入力します

  17. 17

    React Hooksでページの読み込み時に要素にスクロールする

  18. 18

    ページの読み込み時にJavascriptグローバル変数にアクセスする

  19. 19

    ページの読み込み時に下にスクロールしますが、上にスクロールできます

  20. 20

    ページの読み込み時にページ上の要素をクリックする

  21. 21

    ページの読み込み時に呼び出されるイオン無限スクロール関数

  22. 22

    ページの読み込み時とボタンのクリック時に定義された関数を実行します

  23. 23

    ページの読み込み時に異なる値とラベルでリストボックスの値を設定する

  24. 24

    divがスクロールされたとき、およびページの読み込み時に関数を実行しますか?

  25. 25

    リンクを使用してページの読み込み時に特定のDivを展開

  26. 26

    ページ読み込み時のJSFリダイレクト

  27. 27

    JQueryを介してページの読み込み時にクリックJSコードをトリガーします

  28. 28

    localstorageを使用してページの読み込み時にリダイレクトを反応させる

  29. 29

    ページの読み込み時に拡張ライブラリダイアログボックスを表示しますか?

ホットタグ

アーカイブ