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,只需一秒钟!我会等:)好的,我试着帮你!在控制台中查看以了解