スクロール途中から要素がついてくる
スクロールしている途中で要素がついてくるようにする方法です。
まず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
コメント
コメントはまだありません。
コメント投稿
ご自由にコメントください！
※一度投稿すると削除できませんのでご注意ください。管理者の独断と偏見で削除する場合があります。コメント機能は予告なく停止する場合があります。
カテゴリ
新着備忘録
CakePHP(v2)で「https://ドメイン/ユーザーID」で各ユーザーのプロフィールページを作る方法
CakePHP(v2)で「https://ドメイン/ユーザーID」で各ユーザーのプロフィールページを作る方法です。
Font Awesomeでアイコン表示
Font Awesomeでアイコンを表示する方法です。
Safariのボタンが言うこと聞かない！
SafariのボタンにCSSを適用させる方法です。
Formのdateで月選択の0が気になる
Formのdateで月選択の0を消す方法です。
PHPでログインが必要なページを取り込みたい
PHPでログインが必要なページを取り込みたい時の方法です。