頁面滾動到一定位置時才顯示在指定位置上的元素的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);

 

頁面滾動到一定位置時才顯示在指定位置上的元素的jquery代碼