javascript 简单的部分滚动

Posted 2021-05-04

$(document).on("scroll", function () {
  var pageTop = $(document).scrollTop(),
      pageBottom = pageTop + $(window).height(),
      tags = $("section");

  for (var i = 0; i < tags.length; i++) {
    var tag = tags[i];

    if ($(tag).position().top < pageBottom) {
      $(tag).addClass("visible");
    } else {
      $(tag).removeClass("visible");
    }
  }
});