页面滚动到一定位置时才显示在指定位置上的元素的jquery代码
当前可视窗口的顶部到页面的顶部高度+可视页面的高度>元素的绝对高度+元素自身高度时,显示当前元素。
页面滚动到一定位置时才显示在指定位置上的元素!
将$(".timeline.animated .timeline-row")换成指定的选择器即可!
(function() {
$(document).ready(function() {
var timelineAnimate;
timelineAnimate = function(elem) {
return $(".timeline.animated .timeline-row").each(function(i) {
var bottom_of_object, bottom_of_window;
bottom_of_object = $(this).position().top + $(this).outerHeight();
bottom_of_window = $(window).scrollTop() + $(window).height();
if (bottom_of_window > bottom_of_object) {
return $(this).addClass("active");
}
if (bottom_of_window < $(this).position().top) {
return $(this).removeClass("active");
}
});
};
timelineAnimate();
return $(window).scroll(function() {
return timelineAnimate();
});
});
}).call(this);
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。