我正在使用 jQuery 淡入页面底部的“幻灯片”,它是一个应该贴在右侧的小标签。我目前正在延迟淡入淡出,但我想在用户向下滚动时淡入淡出。
但是,这会保持 div 在页面上滑动,而不是让它粘在一边。
$(function() {
var slide = $("div[data-slide='true']");
$(window).scroll(function() {
var pos = $(document).scrollTop();
console.log(pos);
if ($(document).scrollTop() > 400) {
slide.animate({opacity: 1,right:'+=350'},1350, 'swing').stop();
} else {
slide.clearQueue().animate({opacity: 0,right:'-=350'},500, 'easeOutBounce');
}
});
});
到达初始航路点后如何停止滑行?我似乎能够解除滚动事件的绑定,$(window).unbind('scroll');
但幻灯片永远不会动画。