スクロール途中から要素がついてくる
スクロールしている途中で要素がついてくるようにする方法です。
まず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
コメント
コメントはまだありません。
コメント投稿
ご自由にコメントください！
※一度投稿すると削除できませんのでご注意ください。管理者の独断と偏見で削除する場合があります。コメント機能は予告なく停止する場合があります。
カテゴリ
新着備忘録
「MySQL」ERROR 2013 (HY000) at line : Lost connection to MySQL server during query
MySQLでERROR 2013 (HY000) at line : Lost connection to MySQL server during queryエラーが出た。
CakePHP3 CSSやjavascriptを更新したのに反映されない！
CakePHP3でCSSやjavascriptにタイムスタンプをつける方法です。
CakePHP3のタイムゾーン設定
CakePHP3のタイムゾーン設定方法です。
Thunderbirdで同じメールが何度も届く件
Thunderbirdで同じメールが何度も届く件についてです。
CakePHP3でCSV出力
CakePHP3でCSV出力する方法です。