页面滚动到一定位置时才显示在指定位置上的元素的jquery代码

时间:2023-01-04 10:38:48

当前可视窗口的顶部到页面的顶部高度+可视页面的高度>元素的绝对高度+元素自身高度时,显示当前元素。

页面滚动到一定位置时才显示在指定位置上的元素!

将$(".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);