Movatterモバイル変換


[0]ホーム

URL:


はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

  • はてなブックマーク
  • テクノロジー
  • jQueryで簡単実装ページ内スクロール — WEB-PARK.ORG | サイト制作に使用した自作jQueryコードのご紹介
  • Twitterでシェア
  • Facebookでシェア

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

46usersがブックマークコメント4

    ガイドラインをご確認の上、良識あるコメントにご協力ください

    0/0
    入力したタグを追加

    現在プライベートモードです設定を変更する

    おすすめタグタグについて

      よく使うタグ

        jQueryで簡単実装ページ内スクロール — WEB-PARK.ORG | サイト制作に使用した自作jQueryコードのご紹介

        46 usersweb-park.org

        ガイドラインをご確認の上、良識あるコメントにご協力ください

        0/0
        入力したタグを追加

        現在プライベートモードです設定を変更する

        おすすめタグタグについて

          よく使うタグ

            はてなブックマーク

            はてなブックマークで
            関心をシェアしよう

            みんなの興味と感想が集まることで
            新しい発見や、深堀りがもっと楽しく

            ユーザー登録

            アカウントをお持ちの方はログインページ

            記事へのコメント4

            • 注目コメント
            • 新着コメント
            easygoing247
            リンク ジャンプ フラグメント識別子

            その他
            t-abe
            jQueryで指定したidの位置にスクロール

            その他
            aeka
            コードがめちゃめちゃシンプルなので

            その他
            editlife
            jQueryと簡単なスクリプトのみで滑らかなスクロール。

            その他

            注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

            リンクを埋め込む

            以下のコードをコピーしてサイトに埋め込むことができます

            プレビュー
            アプリのスクリーンショット
            いまの話題をアプリでチェック!
            • バナー広告なし
            • ミュート機能あり
            • ダークモード搭載
            アプリをダウンロード

            関連記事

              usersに達しました!

              さんが1番目にブックマークした記事「jQueryで簡単実装...」が注目されています。

              気持ちをシェアしよう

              ツイートする

              jQueryで簡単実装ページ内スクロール — WEB-PARK.ORG | サイト制作に使用した自作jQueryコードのご紹介

              最近よく見かける「ページTOP」のスクロールをjQueryでは簡単に実装できます。Javascriptソース $(func...最近よく見かける「ページTOP」のスクロールをjQueryでは簡単に実装できます。Javascriptソース $(function(){ $("a[href^=#]").click(function(){ var Hash = $(this.hash); var HashOffset = $(Hash).offset().top; $("html,body").animate({ scrollTop: HashOffset }, 1000); return false; }); });Javascriptソースの解説 2行目:$("a[href^=#]").click aタグのクリック設定をしています。 $("a[href^=#]")と設定することで、hrefの最初に「#」があるaタグのみに反応するようにしています。 3行目:var Hash = $(this.hash); クリックし

              ブックマークしたユーザー

              • dekirukana_hate2013/06/10dekirukana_hate
              • lingling_yas2013/01/18lingling_yas
              • starneon35172012/11/30starneon3517
              • easygoing2472012/11/20easygoing247
              • msdmthr2012/10/29msdmthr
              • tech_labo002012/08/21tech_labo00
              • kshima1142012/08/06kshima114
              • chris2252012/06/13chris225
              • t-abe2012/05/02t-abe
              • yahihi2012/04/14yahihi
              • shibanumax2012/03/21shibanumax
              • nekey22012/02/25nekey2
              • sorosoronemui2012/02/01sorosoronemui
              • bleu-bleut2011/12/11bleu-bleut
              • aeka2011/10/13aeka
              • FAL_GSXR2011/08/25FAL_GSXR
              • sumege2011/08/25sumege
              • wakuworks2011/07/26wakuworks
              すべてのユーザーの
              詳細を表示します

              ブックマークしたすべてのユーザー

              同じサイトの新着

              同じサイトの新着をもっと読む

              いま人気の記事

              いま人気の記事をもっと読む

              いま人気の記事 - テクノロジー

              いま人気の記事 - テクノロジーをもっと読む

              新着記事 - テクノロジー

              新着記事 - テクノロジーをもっと読む

              同時期にブックマークされた記事

              いま人気の記事 - 企業メディア

              企業メディアをもっと読む

              はてなブックマーク

              公式Twitter

              はてなのサービス

              • App Storeからダウンロード
              • Google Playで手に入れよう
              Copyright © 2005-2025Hatena. All Rights Reserved.
              設定を変更しましたx

              [8]ページ先頭

              ©2009-2025 Movatter.jp