当用户向下滚动时，我有从屏幕左侧和右侧出现的图像。
使用divPosition = $('div').offset().top; 获取包含元素的位置我从scrollValue = $(document).scrollTop();减去该值scrollValue = $(document).scrollTop(); 并将值应用于绝对定位图像上的左侧位置。
包含div的偏移量是在刷新和resize时计算的。 在不调整窗口大小的情况下， x=scrollValue - divPosition随刷新页面的滚动距离而变化。 我希望它保持一致。 有没有更好的方法来使这种类型的动画工作。
例如，是否可以使用垂直滚动作为带有航点的x值来触发动画？
window.onresize=function(){ divPosition = $('div').offset().top; }; $(document).scroll(function(){ scrollValue = $(document).scrollTop(); x = scrollValue - divPosition; }
这是该网站的链接。 当我发现问题的原因时，我会在这个问题中发布相关的代码部分。
https://www.otherdewi.com/gg.html
你可以发布jsfiddle或链接到现在正在工作的网站..
我有一个问题……
为什么不使用你可以附加的css类和deAttach，使用position:fixed和top:0来保持div与窗口顶部相连。 它会更光滑，更轻松。
是的，你可以这样点：
这样做的一个例子是：
var doc = $(document), wpoints = [5, 10, 15, 20, 25], //5 points for 5 slides...1st slide appear at start mh= wpoints[wpoints.length - 1], //and switch to 2nd at '5', and scrolling stop at 25 h = wpoints[0], l = 0, i = 0, pos = 0; doc.on('mousewheel', function (e) { if (e.originalEvent.wheelDelta > 0) { if (pos > 0) pos--; } else if (pos= h){ set(1); } else if (pos <= l) set(-1); }); function set(x) { if (x == 1 && (wpoints[i + 1] != undefined)) { l = h h = wpoints[++i]; doWork(); } if (x == -1 && (wpoints[i - 1] != undefined)) { h = l l = wpoints[--i - 1]; doWork(); } } doWork(); function doWork() {$('.slide').hide().eq(i).slideDown();}
终于解决了问题。
以上就是jQuery教程分享如何在航点function内滚动动画？相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。
本文来自网络收集，不代表计算机技术网立场，如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址：https://www.ctvol.com/jquerytutorial/558398.html