気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
CSS変数を利用したパララックスエフェクトをサポートするライブラリ・「basicScroll」 - かちびと.net
3 users
kachibito.net
kachibito.net
kachibito.net
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
basicScrollはCSS変数を利用してスクロール時に要素にエフェクトを与える事で実装できるパララックス効... basicScrollはCSS変数を利用してスクロール時に要素にエフェクトを与える事で実装できるパララックス効果の導入をサポートしてくれるライブラリです。スクリプトはバニラで非依存なので使いやすいと思います。スクリプトで変数に値を入れてCSSで以下のように設定すればclass付与で設定したエフェクトを簡単に与えることができます。 .fadeBox { opacity: var(--o); } 従来の方法よりも軽量化出来そうですが、問題はブラウザですね。 以下はCSS変数のブラウザ対応状況です。 IEやOpera mini、昔のAndroid標準ブラウザでは使えません。本ライブラリは一応モバイルもサポートした設計となっているようです。Opera miniの利用率は把握していませんが、問題ないレベルなら導入もありかもしれませんね。Android標準ブラウザはもう無視で良い気がしますが、不安なら
kachibito.net
kachibito.net
kachibito.net
kachibito.net
arigatosan.com
projectitoh.hatenadiary.org
president.jp
togetter.com
laiso.hatenablog.com
pc.watch.impress.co.jp
togetter.com
forbesjapan.com
akiba-pc.watch.impress.co.jp
www.security-next.com
bookmark.hatenastaff.com
pc.watch.impress.co.jp
matome.mynikki.jp
togetter.com
bijutsutecho.com
2018/02/16 リンク