スクロール途中から要素がついてくる
スクロールしている途中で要素がついてくるようにする方法です。
まず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');
}
});
カテゴリ：jquery 投稿日時：2016年9月3日 15:41 更新日時：2018年4月20日 18:27
コメント
コメントはまだありません。
コメント投稿
ご自由にコメントください！
※一度投稿すると削除できませんのでご注意ください。管理者の独断と偏見で削除する場合があります。コメント機能は予告なく停止する場合があります。