こいつ、スクロールしても付いてくるぞ!?「Contained Sticky Scroll」
- 2014.02.16
- jQueryプラグイン
- プラグイン
Contained Sticky Scroll たまにホームページをスクロールしていくとサイドバーのコンテンツが付いてくることがありますね。 ページが長いときとかについてくるとサイドにスペースができず、見た目的にいいときもあるかもしれませんね。(なんか嫌なときもあるけど・・・ケースバイケースで^^)
Contained Sticky Scroll たまにホームページをスクロールしていくとサイドバーのコンテンツが付いてくることがありますね。 ページが長いときとかについてくるとサイドにスペースができず、見た目的にいいときもあるかもしれませんね。(なんか嫌なときもあるけど・・・ケースバイケースで^^)
以前紹介した「toggleメソッドを使用した表示・非表示の切り替え」で表示の切り替えができましたので、今度はクリックする文字を変更してみましょう。文字を切り替えることによって視覚的に開閉が少しわかりやすくなるかもしれませんね。
せっかくjQueryを使っているので、プラグインのほうも紹介しようと思います!! 今回は、このブログにも使っているスムーススクロールの「Scroll to Top Control」をご紹介します。 このブログにも設置していますので、画面右下に矢印がでていると思います。それです!
以前紹介した「show・hideメソッドを使用した要素の表示・非表示」で言っていました。表示・非表示の切り替えについて、show・hideを使用せず、ここでは、toggle(トグル)メソッドを使用してみます。 toggle処理とは表示(show)・非表示(hide)の切り替えを行ってくれますので、簡単に切り替え処理を実装できます。
show()・hide()を使うと、要素が非表示状態のものを表示(show)、または表示状態のものを非表示(hide)にすることができます。 ではでは、早速コードを書いてみましょう。