jQueryプラグイン「ScroolMagic」2系でよく使う機能を紹介します | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、づやです。 前回ScrollMagic2系について下記の記事を書きましたが、基本的な使い方しか書けなかったので、今回はよく使う機能について書きたいと思います。 個人的にTweenMaxをよく使うので、animation.gsap.jsを読み込んでる状態での記事となります。 setClassToggle スクロールの位置によってクラスを付けかえたいときは非常によくあるかと思います。そんなときは、スクロールに応じてクラスを付けたり外したりしてくれるsetClassToggleの出番。 <ul> <li id="list1"><a href="#block1">1番目</a></li> <li id="list2"><a href="#block2">2番目</a></li> <li id="list3"><a href="#block3">3番目</a></li> </ul> <s
jQueryでスクロールするとヘッダーを固定させる
最近よくあるページがスクロールを始めるとヘッダーの位置が固定するjQueryのスクリプトです。 よく使うのでメモがわりに掲載します。 基本は簡単なので覚えておけばいろいろ応用できるかと思います。 デモはこちら 仕組みは、<header>の高さ分（デモでは80px）スクロールすると<nav>にfixedクラスが追加されることで固定されます。 header { width: 100%; height: 80px; color: #333; background: #EEE; } nav { width: 100%; color: #FFF; background: #333; } nav.fixed { position: fixed; left: 0; top: 0; } $(function() { //ロード or スクロールされると実行 $(window).on('load scrol
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.dominikgorecki.com/p/block-scroll/
