スクロール途中から要素がついてくる
スクロールしている途中で要素がついてくるようにする方法です。
まずCSSでついてくる時のクラスを書きます。
.fixed {
position: fixed;
top: 100px;
}
position: fixed;
top: 100px;
}
javascriptで必要な位置までスクロールしたら要素にfixedクラスを追加するようにします。
var follow = $('#follow'), offset = follow.offset();
(window).scroll(function () {
if($(window).scrollTop() > offset.top - 100) {
follow.addClass('fixed');
} else {
follow.removeClass('fixed');
}
});
(window).scroll(function () {
if($(window).scrollTop() > offset.top - 100) {
follow.addClass('fixed');
} else {
follow.removeClass('fixed');
}
});
カテゴリ:javascript 投稿日時:2016年9月3日 15:41
コメント
コメントはまだありません。
コメント投稿
ご自由にコメントください!
※一度投稿すると削除できませんのでご注意ください。管理者の独断と偏見で削除する場合があります。コメント機能は予告なく停止する場合があります。