JS：アンカーリンクを使わず指定位置までスクロール│JavaScript│グラビカ学習帳～ホームページ制作会社 gravity works（グラビティ・ワークス）の備忘録と知識の共有と蓄積

世の中カテゴリーの変更を依頼記事元:

www.gravity-works.jp

20 usersがブックマークコメント

記事へのコメント1件

注目コメント
新着コメント

kupoe [html/css][atw][jq]

2014/02/04 リンク

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

リンクを埋め込む

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

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=http%3A%2F%2Fwww.gravity-works.jp%2Fgravica%2Fweb%2Fjs%2F003023.html" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="http://www.gravity-works.jp/gravica/web/js/003023.html">JS：アンカーリンクを使わず指定位置までスクロール│JavaScript│グラビカ学習帳～ホームページ制作会社 gravity works（グラビティ・ワークス）の備忘録と知識の共有と蓄積</a><a href="https://b.hatena.ne.jp/entry/www.gravity-works.jp/gravica/web/js/003023.html">はてなブックマーク - JS：アンカーリンクを使わず指定位置までスクロール│JavaScript│グラビカ学習帳～ホームページ制作会社 gravity works（グラビティ・ワークス）の備忘録と知識の共有と蓄積</a></div></iframe>

プレビュー

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

JS：アンカーリンクを使わず指定位置までスクロール│JavaScript│グラビカ学習帳～ホームページ制作会社 gravity works（グラビティ・ワークス）の備忘録と知識の共有と蓄積

アンカーリンクを使って特定のIDまでスクロールさせるのは簡単に出来ますが、この場合、リンク元で指定... アンカーリンクを使って特定のIDまでスクロールさせるのは簡単に出来ますが、この場合、リンク元で指定しなければなりません。リンク元で指定できない場合でも、アクセス時に自動で移動する必要があり探しました。検索では「window.scrollTo」などがよく出てきますが、数値で指定するため移動させたい位置の上にテキストなどがあると使用できません。なんとかCLASSやIDで指定できないか探して見つけました。すごく簡単で使いやすいです。下記の記事を参考にしています。 >リンク先ページの指定位置にスクロールで移動 --------------- <script type="text/javascript"> $(function() { var n = window.location.href.slice(window.location.href.indexOf('?') + 4); v