[B! JS][scroll] fujis_aのブックマーク

fujis_a id:fujis_a

JSとscrollに関するfujis_aのブックマーク (3)

すぐ隠れてくれるヘッダー実装「shyheader」:phpspot開発日誌
GitHub - alejandromur/shyheader: A simple, light-weight and easy-to-use jQuery Plugin that shows/hides the header of the page when users scroll the page down more than its height. However, the header rem ains watching the page so when users scroll the page up its being showed. すぐ隠れてくれるヘッダー実装「shyheader」。ページ表示時に表示されてスクロールで消えて上スクロールでうっすら現れるというヘッダーが実装できます関連エントリ超カッコいいスクロールエフェクト実装「lax.js」スクロール量をページトッ
fujis_a 2019/11/18
scroll

js
リンク
[JS]スマホにも対応！ページをスクロールした際、要素をアニメーションで表示する軽量スクリプト -t-scroll
スマホやタブレットに対応、もちろんデスクトップにも対応、ページをスクロールした際に、要素にさまざまなアニメーションを簡単に適用できる単体で動作する軽量(4KB)のスクリプトを紹介します。 jQueryなど、他のスクリプトやスタイルシートは一切不要です。カスタマイズ性 45種類の豊富なオプションが用意されており、初心者にも簡単、上級者には強力。 jQueryは無し ECMAScript6で実装された単体のライブラリ。 SASS/CSS3 Sassも揃っており、コンパイルされたCSSですぐに使い始めることができます。 Gulp Gulpによって構築されています。サポートブラウザクロスブラウザ対応（IE10+, Firefox, Safari, Opera, Chromeなど） npm node.jsで簡単にt-scrollを設定可能。 t-scrollのデモデモは豊富に用意されており、
fujis_a 2017/06/05
Scroll

js
リンク
jQuery不要でスクロールにあわせて要素をアニメーションで表示するスクリプト -WOW.js | コリス
ページ下部にもたくさんのアニメーションが！アニメーションはAnimate.cssを使用しているので、さまざまなものが利用できます。どのようなアニメーションががあるのか、実装方法など、当ブログで以前紹介した記事をご覧ください。 classを加えるだけで多彩なアニメーションが簡単に使用できるスタイルシート -Animate.css WOW.jsはデモ以外にも、他のサイトで実際に使用されているさまざまな例があります。どのサイトもアニメーションが楽しく、とても印象的です。 Stream Line Icons WOW.jsのつかいかた Step 1: 外部ファイル当スクリプトを</body>の上、Animate.cssをhead内に外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="css/libs/animate.css"> </
fujis_a 2014/02/17
js

animation

scroll
リンク
1