Javascript 页面滚动上的jQuery阻力

Javascript 页面滚动上的jQuery阻力,javascript,jquery,scroll,Javascript,Jquery,Scroll,所以我得到了一个运行良好的代码。我的页面上首先有一个全屏滑动条。 现在,如果我向下滚动,它会使我通过滑块,如果我向上滚动,它会使我进入页面顶部,看到滑块 现在当我滚动时,我想要一些阻力,就像在它动画化之前,我必须打破一个障碍。如果我不打破它,它会恢复到原来的位置 对我该做什么有什么建议吗 var lastScrollTop = 0; var animationSpeed = 1000; var scrollReady = 1; jQuery(window).scroll(function(eve

所以我得到了一个运行良好的代码。我的页面上首先有一个全屏滑动条。 现在,如果我向下滚动,它会使我通过滑块,如果我向上滚动,它会使我进入页面顶部,看到滑块

现在当我滚动时,我想要一些阻力,就像在它动画化之前,我必须打破一个障碍。如果我不打破它,它会恢复到原来的位置

对我该做什么有什么建议吗

var lastScrollTop = 0;
var animationSpeed = 1000;
var scrollReady = 1;
jQuery(window).scroll(function(event){

    if (scrollReady == 1) {
        var winHeight = jQuery(window).height();

        var st = jQuery(this).scrollTop();
        if (st > lastScrollTop){
            // downscroll code

            if (st < winHeight) {
                // is at slider scrolling down

                // RESISTANCE CODE
                if (notBrokenBarrier) {
                    // Resistance before breaking barrier
                    // Some thing like this? maybe?
                    jQuery(this).scrollTop() / 4;

                    // Some setTimeout for snapping back
                } else {
                    // Broke barrier, scroll down.
                    jQuery("html, body").animate({ scrollTop: winHeight + "px" }, animationSpeed);
                    scrollReady = 0;
                    setTimeout(function(){scrollReady = 1;}, animationSpeed);
                }
            }
        } else if (st < lastScrollTop) {
            // upscroll code
            if (st < winHeight) {
                // scroll up to the slider
                jQuery("html, body").animate({ scrollTop: "0px" }, animationSpeed);

                scrollReady = 0;
                setTimeout(function(){scrollReady = 1;}, (animationSpeed+500));
            }
        }
        lastScrollTop = st;
    }
});
var lastScrollTop=0;
var animationSpeed=1000;
var-scrollReady=1;
jQuery(窗口).滚动(函数(事件){
如果(scrollReady==1){
var winHeight=jQuery(window).height();
var st=jQuery(this.scrollTop();
如果(st>lastScrollTop){
//向下滚动代码
如果(st
编辑:

这是一个jsbin:


所以动画运行得很好,向下滚动滑块,向上滚动时向上滚动滑块。我希望在这个操作中有一些阻力,使它更难执行以滚动过去。

是的,让我试着用它创建一个jsbin,只需一秒钟!我会等:)好的,我试着帮你!在控制台中查看以了解