sticky サイドバーのスクロール
ページのスクロールに合わせて付いてくるサイドバーを実装する方法 の記事
http://fukafuka295.jp/hp/hp_no6.html
を試してみたのですが、
下方へスクロールする時にはサイドバーが固定のままで、かなりスクロールさせないとサイドバーが動き出しません。
最初からサイドバーも下方へスクロールするのにはどうしたら良いでしょうか?

  • hige
  • URL
  • 2017/02/01 (Wed) 18:30:00
Re: sticky サイドバーのスクロール
かなりスクロールさせないと動き出さないというのは、
スクロール追従させたい部分が画面の上端まで来ないとスクロールしないということでしょうか。


<script>
$(window).load(function(){
$("#sticker").sticky({ topSpacing: 30, center:true, className:"hey" });
});
</script>

一応上記のコードの中の"topSpacing"の値を変更することで、上端からのスクロール開始距離を
調整することができます。

ご確認をよろしくお願いいたします。
  • ふかふか
  • 2017/02/04 (Sat) 02:28:49
Re: sticky サイドバーのスクロール
すいません。暫く回答が付かなかったので見に来ていませんでした。

topSpacingの量は色々変更してみて理解しているつもりです。

メインの記事があるセンターカラムを下方へスクロールさせていくと,
センターカラムとサイドバーの双方の最下端が同じ位置になった時,初めてサイドバーも一緒に下方に動く(それまではサイドバーが固定されている。)感じです。
センターカラムはかなりの量があります。

なんか表現しにくいですが,解りますでしょうか?
  • hige
  • URL
  • 2017/02/07 (Tue) 09:20:54

返信フォーム






プレビュー (投稿前に内容を確認)