使用滚动条或使用滚轮滚动时，scrollTop上的不同值

Question

我以为在使用鼠标滚轮时捕获滚动顶部的值存在问题（鼠标在一步上滚动+ 200px）。有什么可破解的吗？我想在滚动时将元素从左右移动到页面中间，所以向下滚动的每个px向左或向右移动1px，但是当我使用鼠标滚轮时，scrolltop的值会随机跳跃...] >

可能是我在从10到390的滚动条件下使用条件吗？

DEMO：https://jsfiddle.net/m9k34m73/

CODE：

  $(window).scroll(function () { 
    $('.section-header h1').css({
        'top' : -($(this).scrollTop()/3)+"px"
    }); 
    $('.section-header h3').css({
        'top' : -($(this).scrollTop()/4)+"px"
    }); 
    $('.section-about p').css({
        'top' : -($(this).scrollTop()/2)+"px"
    }); 
    $('.section-about span').css({
        'top' : -($(this).scrollTop()/4)+"px"
    }); 

    //Issue
    if ($(window).scrollTop() > 10 && $(window).scrollTop() < 390) {
        $('.section-profiles .petra p, .section-profiles .petra h3').css({
            'left' : -380 + ($(this).scrollTop()/1)+"px"
        });
        $('.section-profiles .petra img').css({
            'left' : -380 + ($(this).scrollTop()/.5)+"px"
        }); 
        $('.section-profiles .michal p, .section-profiles michal h3').css({
            'right' : -380 + ($(this).scrollTop()/1)+"px"
        });
        $('.section-profiles .michal img').css({
            'right' : -680 + ($(this).scrollTop()/.49)+"px"
        }); 
     }
  });

我以为在使用鼠标滚轮时捕获滚动顶部的值存在问题（鼠标在一步上滚动+ 200px）。有什么可破解的吗？我想从左侧移动元素...

Answer 1

看到您要实现的目标后，我认为此javascript library将解决您的所有问题。