タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

jqueryとscrollに関するokyawaのブックマーク (1)

  • jQuery:スクロールするレイヤー内で指定位置までスクロールさせる | Hack

    サンプルはこちら。 See the Pen nBidH by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. ページを開いた時点で「Caption 4」を表示するようにしており、上にあるリンクでそれぞれのCaptionに飛ぶようにしています。 通常のページ内リンクであれば<a href=”#id”>のような形で表現できますが、特定のスクロールレイヤーに対してそれはできません。そのためjQueryの「scrollTop()」関数を主に使い、「.scroll」レイヤー内でスクロールを実行させています。 HTMLはサンプルの画面を見てもらいまして、JSの解説は下記になります。 JavaScript ページを表示した時点で「Caption 4」を表示させているコードは下記になります。 var pos = $("#c4").position(); $(".sc

    jQuery:スクロールするレイヤー内で指定位置までスクロールさせる | Hack
  • 1