「aos.js」JavaScriptスクロールライブラリのイージングオプションだけを覚書き
AOS(aos.js)JavaScriptスクロールライブラリのイージングオプションだけを覚書き
AOSすごく便利なのですが、ちょっと見ながら適用したい時になかなか探せないのでこちらにサンプルを置いておきたいと思います。
AOSついでにひとつ気になった事があったのでメモです。
レスポンシブだったり、videoタグで動画埋め込んでたり、条件は色々ありますがスクロールしても上手く発火しない事があります。
大体高さ方向のサイズがきちんと出ていない場合が多いので、例えばvideoに対してmin-heightで高さ与えておくとかすると良いかもです!
data-aos-easing="linear"
data-aos-easing="ease"
data-aos-easing="ease-in"
data-aos-easing="ease-out"
data-aos-easing="ease-in-out"
data-aos-easing="ease-in-back"
data-aos-easing="ease-out-back"
data-aos-easing="ease-in-out-back"
data-aos-easing="ease-in-sine"
data-aos-easing="ease-out-sine"
data-aos-easing="ease-in-out-sine"
data-aos-easing="ease-in-quad"
data-aos-easing="ease-out-quad"
data-aos-easing="ease-in-out-quad"
data-aos-easing="ease-in-cubic"
data-aos-easing="ease-out-cubic"
data-aos-easing="ease-in-out-cubic"
data-aos-easing="ease-in-quart"
data-aos-easing="ease-out-quart"
data-aos-easing="ease-in-out-quart"
LEAVE A REPLY