jQuery

【jQuery】徐々にコンテンツをフェードアウトさせるjQuery Scroll Fade

May 24, 2017
jQuery-Practice-Scroll-Fade

jQuery Scroll Fadeはスクロールすることで徐々にコンテンツをフェードアウトさせることができます。

HTML

    <p class="fade-scroll">
    Voluptate minim sint et eu non sit dolore in incididunt aliqua in dolore irure.
    Voluptate quis commodo dolore sit cillum velit mollit qui in anim incididunt id ad
    aliqua ex mollit sed labore consectetur ad duis in veniam dolore dolore pariatur occaecat
    reprehenderit cillum fugiat pariatur nostrud. Voluptate minim sint et eu non sit dolore in incididunt aliqua in dolore irure.
    Voluptate quis commodo dolore sit cillum velit mollit qui in anim incididunt id ad
    aliqua ex mollit sed labore consectetur ad duis in veniam dolore dolore pariatur occaecat
    reprehenderit cillum fugiat pariatur nostrud.
    </p>