Question

我试图创建一个使用一个项目来触发一系列事件的函数：

$(document).ready(function () {

$(window).scroll(function(){
      startSlideUp('.cardWrap', '.card');
    });

function startSlideUp(atTop, beVisible) {
  var wScroll = $(window).scrollTop();
  if ($(atTop).offset().top - $(window).height() 200 < wScroll) {
    $(beVisible).each(function (i) {
      setTimeout(function () {
        $(beVisible).eq(i).addClass('is-visible');
      }, 500 * i);
    });
  }
}

});

https://jsfiddle.net/jackmichael/6mb765wx/24/

Answer 1

我不确定你的逻辑，但错误在于这一行：

if ($(atTop).offset().top - $(window).height() 200 < wScroll) {

替换为

if ($(atTop).offset().top - $(window).height() < (200+wScroll)) {

它将解决您的问题。

Answer 2

试试这个，在滚动时，现在将添加is-visible类，

if ($(atTop).offset().top - $(window).height() 200 < wScroll) {

将上述内容更改为

if ($(atTop).offset().top - $(window).height() < wScroll) {

在滚动上加载项目

2 个答案: