Манипулирование прокруткой страницы - PullRequest
Новая
       25

Манипулирование прокруткой страницы

0 голосов
/ 29 сентября 2018

Я пытаюсь использовать тот же эффект прокрутки заголовка на этой странице http://www.beargrylls.com/ Вот мои коды, это работает только в одну сторону, если я снова прокручиваю верхнюю часть страницы, она останавливается.Я не понял, как я могу запустить это.https://jsfiddle.net/f9tahxw7/

$(window).scroll(function(){
    if($('.anim:visible').length == 1){
        var s = $(window).scrollTop(),
        d = $(document).height(),
        c = $(window).height();
        var scrollPercent = 1 - (s / (d-c));
        var scaler = 1 + (s / (d-c)/5);
        var scalery = 1 + (s / (d-c)*1.06);
        var opacity = scrollPercent;
        var sca = scaler;
        var scay = scalery;
        $('.anim').css('opacity',opacity);
        $('.img1').css('transform', 'scale(' + sca + ')');
        $('.img2').css('transform', 'scale(' + scay + ')');
    }else{
        if($('.ghost:visible').length == 1){
            var k = $(window).scrollTop(),
            t = $(document).height(),
            s = $(window).height();
            var scrollPercent = (k / (t-s) * 100);
            var line = scrollPercent;
            $('.line').css('height', line +'vh');
        }

        if(line == 100){
            $('.content').css({'position':'relative','overflow':'scroll'});
            $('.line-clone').css('height','100vh');
            $('html,body').scrollTop(0);
            $('body').removeClass('hide');
        }
    }  
    if(opacity == 0){
        $('.anim').css('display','none');
        $('html,body').scrollTop(0);
    }
});
...