JSFiddle - React, Tailwind, and code Playground

by hslincoln

JavaScript

$(document).ready(function () {
    var offset2 = $(document).height();
    var lineHF = offset2 - $("#bottommark").position().top;
    $(window).scroll(function () {
        var offset1 = $(document).height();
        var offset = $(window).scrollTop();
        var lineH = offset1 - $("#bottommark").position().top - offset;
        var lineHpart = lineHF / 25;

        $("span").html(lineH);
        if (lineH > lineHpart * 25) {
            $("#rollei-animation").attr("src", "http://www.harrylincoln.com/parallax/img/cam/1.png");
        }
        if ((lineH < lineHpart * 25) && (lineH > lineHpart * 24)) {
            $("#rollei-animation").attr("src", "http://www.harrylincoln.com/parallax/img/cam/2.png");
        }
        if ((lineH < lineHpart * 24) && (lineH > lineHpart * 23)) {
            $("#rollei-animation").attr("src", "http://www.harrylincoln.com/parallax/img/cam/3.png");
        }
        if ((lineH < lineHpart * 23) && (lineH > lineHpart * 22)) {
            $("#rollei-animation").attr("src", "http://www.harrylincoln.com/parallax/img/cam/4.png");
        }
        if ((lineH < lineHpart * 22) && (lineH > lineHpart * 21)) {
            $("#rollei-animation").attr("src", "http://www.harrylincoln.com/parallax/img/cam/5.png");
        }
        if ((lineH < lineHpart * 21) && (lineH > lineHpart * 20)) {
            $("#rollei-animation").attr("src", "http://www.harrylincoln.com/parallax/img/cam/6.png");
        }
        if ((lineH < lineHpart * 20) && (lineH > lineHpart * 19)) {
            $("#rollei-animation").attr("src", "http://www.harrylincoln.com/parallax/img/cam/7.png");
        }
        if ((lineH < lineHpart * 19) && (lineH > lineHpart * 18)) {
            $("#rollei-animation").attr("src", "http://www.harrylincoln.com/parallax/img/cam/8.png");
        }
        if ((lineH < lineHpart * 18) && (lineH > lineHpart * 17)) {
            $("#rollei-animation").attr("src", "http://www.harrylincoln.com/parallax/img/cam/9.png");
        }
        if...