2012
6
22

タブ切り替え+スムーズスクロールをバッティングせずに実装する方法

ちょっと前に、フッターの記事メニューをタブ切り替えにしたんですが、どうしてもスムーズスクロールとは相性が悪いらしく。しょうがないのでページ内リンク(目次から該当の位置へのスムージング)は諦めて、トップに戻るのだけ手書きしてました。が、解決しました!嬉しい!ヽ(゚∀゚)ノ


どうでもいいけどこのアイキャッチつくるのに無駄に時間かかったよ!何やってんだ_(:3 」∠)_

コリスさん作のjQuery

このjQueryのすごいところは、動作しないエリアを設定することができるんです!しかもclass="nopscr"というクラスを与えるだけという超お手軽。

最新バージョンでは商用利用も無料とのことですので、ご使用の際はライセンスをご確認ください。

実装

スクリプトをダウンロードして、読み込むだけ!

ふつうのhtml

WordPress

ディレクトリは各自調整ください。

タブ切り替え部分は動作させない

該当部分にclass="nopscr"を加えます。これだけでOK!かんたん!タブについての詳しい実装方法はこちらの記事をご覧ください。

しばらくモヤモヤしてたのが解決しました!コリスさんありがとうございました♡

  • このエントリーをはてなブックマークに追加
  • follow us in feedly 618
  • RSSを登録

公開日:2012/06/22
更新日:2014/05/07


コメントを残す




*印は必須項目です。コメントは承認制ですので、反映までしばらくお待ち下さい。(稀にですがスパムの誤判定にて届かないこともあるようですので、必要な際はお問い合わせからお願い致します。)


back to top