開閉時に開いた要素の先頭にスクロール (頭出し) するアコーディオン

[ ID : 480 ]
シルバー
開閉時に開いた要素の先頭にスクロール (頭出し) するアコーディオン
実装目安
3分

概要

【jQuery】ある要素をクリックしたとき、対象の要素をアコーディオン開閉しながら、その要素の先頭にスクロールして位置をあわせる。

用途

  • ある要素をクリックしたとき、その対象の要素をスライドで開く。
  • スライド対象が開閉後にコンテンツ(任意の箇所)の先頭にスクロールする。
  • DEMOではスムーススクロールにjQueryのanimate()メソッドを使用。

検証ブラウザ

  • Google Chrome(最新)
  • Microsoft Edge(最新)
  • Firefox(最新)
  • Safari(最新)

その他

  • jQuery v3.6.4使用。

実装方法

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

関連記事

全ての記事を見る

KONOCODEのメリット 無料会員登録