2019/07/04

【jQuery】アンカーリンクスクロール

javascript

初歩ですが、アンカーリンクとページ上部へ戻るjsです。
ハッシュ(#)だけだった場合はページ上部へ、それ以外の場合は任意の位置へスクロールします。

See the Pen 190702_アンカーリンクスクロール by nekuta (@nekuta) on CodePen.

このエントリーをはてなブックマークに追加
Tweet

javascript
【jQuery】複数選択可の選択ボックス
【jQuery】カートっぽいフォーム

Related article

レスポンシブのタブメニュー

先日公開したコーダーのための計算機で使用したタブメニューです。レスポンシブ対応。今回のメニューは5個...
css javascript
記事を読む

canvasで作るドーナツグラフと円グラフ

canvasでドーナツグラフと円グラフを作りました。複数必要だったので、何個も置けるようにしました。...
javascript
記事を読む

scrollIntoViewでスムーススクロール(ハッシュタグ付き)

スクロールしたらハッシュタグをつけます。location.hrefとかでできるかな?と思ったのです...
javascript
記事を読む

スマーフォン用ドロップダウンメニュー

私の別の個人ブログで使用したスマーフォン用のドロップダウンメニュー。メニューを下から閉じさせたかっ...
css javascript
記事を読む

bodyの高さが足りない時に高さを調整する

コンテンツの要素量が少ない時にbodyの高さをブラウザの高さまで伸ばしてくれるjavascriptで...
javascript
記事を読む
style01

東京在住のweb屋が
気になったコードを書いていく日記

  • コーダーのための計算機
  • Popular articles

    • Enterキーを押すとsubmitされるのを防ぐ 267件のビュー
    • 一定時間だけ表示するモーダルウィンドウ 128件のビュー
    • flexboxのspace-betweenが効かない時の備忘録 109件のビュー
    • Swiperでウィンドウ幅と、スライド個数によってスタイルを変える 105件のビュー
    • メニュー以外の箇所をタップするとメニューが自動で戻るナビゲーション 88件のビュー
    • 外部HTMLをポップアップする 85件のビュー
    • wordpressのスラッグ名を取得する 77件のビュー
    • inputのplaceholderにfontawesomeのアイコンを表示させる 75件のビュー
    • iOS15のSafariで背景固定のモーダルを立ち上げると、タップ領域が上にずれる 60件のビュー
    • Reactでモーダルを作る 49件のビュー
  • Category

    • css (44)
    • html5 (5)
    • javascript (51)
    • PHP (2)
    • React (2)
    • Vue (2)
    • wordpress (39)
    • 家電 (2)
    • 雑記 (7)
  • Recent posts

    • Web Animation API を使う
    • Swiperをnpmで読み込んで使う時の備忘録
    • scrollIntoViewでスムーススクロール(ハッシュタグ付き)
    • Reactでアコーディオンを作る
    • wordpressのサイト内検索にカスタムフィールドを含める
  • Archive(year)

    • 2022 (8)
    • 2021 (10)
    • 2020 (7)
    • 2019 (12)
    • 2018 (23)
    • 2017 (32)
    • 2016 (25)
    • 2015 (9)
  • Profile

    ねるね

    東京に住んでるweb屋。
    仕事で気づいたこと・学んだことなどをメモしていきます。
    お問い合わせ

Contact / プライバシーポリシー・免責事項

© 2015-2022 style01