スクロール途中から要素がついてくる
スクロールしている途中で要素がついてくるようにする方法です。
まず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
コメント
コメントはまだありません。
コメント投稿
ご自由にコメントください！
※一度投稿すると削除できませんのでご注意ください。管理者の独断と偏見で削除する場合があります。コメント機能は予告なく停止する場合があります。
カテゴリ
新着備忘録
PHPからslack APIでチャンネルにメッセージを送信する
PHPからslack APIでチャンネルにメッセージを送信する方法です。
CakePHP3にUpload Pluginをインストール
CakePHP3にUpload Pluginをインストールする方法です。
要素の背景にbackground-size:coverみたいに動画を配置する
要素の背景にbackground-size:coverみたいに動画を配置する方法です。
要素の背景にbackground-size:coverみたいに動画を配置する
要素の背景にbackground-size:coverみたいに動画を配置する方法です。
要素の背景にbackground-size:coverみたいに動画を配置する
要素の背景にbackground-size:coverみたいに動画を配置する方法です。