デザイナーTweetページ内のアンカーリンク(#link01のようにページ内のIDの場所を指定して移動させるリンク)のとき、ページ内での移動であることがユーザーにわかりやすくなるため、スムーススクロールを使う機会はとても多いと思います。以下のように、ページのリンク(URL)+アンカーリンクという形でリンク先を指定しなくてはならなくなることがあると思います。同じページ内からアクセスしても、スムーススクロールではなく元のリンクの動きになってしまいます。同じページ上のアンカーリンクであった場合に、スムーススクロールとしての動きを実装するようにしたコードを考えてみました。false;}});});仕組みとしては、リンク先のURLと現在のページのURLを比較して、#より前のアドレスが同じであればスムーススクロールを実行するようにしています。ポイントは、リンク先を.attr(“href”)ではなく、.prop(“href”)で取得して、現在のURLと比較している点です。.attr(“href”)でリンク先を取得した場合は、hrefに設定されている値がそのまま取得されますが、.prop(“href”)でリンク先を取得した場合は、絶対パスとしてURLを取得することができます。hrefの指定は、相対パス、絶対パス、ルート相対パスなど、様々な指定方法があります。そのままの値だとムラが出てきてしまう可能性があり、hrefの値と現在のページのURLと比較する場合に支障が出てくることがあります。.prop(“href”)を使って、必ず絶対パスとしてhrefの値を取得すれば、そのムラを防ぐことができます。ProfileninomiyaWebデザイナー兼コーダーです。イラストを描くのも好きです。SVGとCanvasを使ったWEBアプリにも興味があります。投稿一覧SearchRanking1Y!mobileメール(@yahoo.ne.jp)とyahooメール(@yahoo.co.jp)2経費削減!無料で古紙・段ボールを持って行ってくれる業者まとめ3最新AndroidOSをインストール出来るカスタムROMのススメ4知らなかった...CSSでテキストの両端揃えが普通にできた5目標達成用紙(マンダラート)のGoogleスプレッドシートつくりました。