好的,这是网站https://54x1.github.io/AniBuy/pages/indexv2.html
我已经对该网站进行了升级,以使其看起来像是无限滚动类型的网站,方法是通过不显示div.break point而不是fadeIn div.break point的hacky hacky方式,但是问题是它逐渐消失了/显示了所有内容,包括购买和阅读更多按钮,当用户滚动到它们时,我想淡入。
我通过反复试验解决了这个问题,得出了当div.break点可见时的解决方案,然后激活了当用户滚动到按钮以阅读更多内容并购买它时淡入的功能,但是问题是滚动滞后,我认为其原因是该功能在滚动时触发了百万次,但我可能是错的,所以我将计时器设置为5s,但它似乎不起作用,所以这可能不是问题,请帮忙>
$(".breakpoint").each(function(){
c = $(window).scrollTop() + $(window).height();
d = $(document).height() - 1000;
e = $(document).height() - 100;
if(c >= e && $(window).width() > 768){
$(this).fadeIn();
if ($('.breakpoint').is(':visible')) {
$('.bpshow').each(function(){
$(this).stop(true, true).fadeTo(0, 0);
});
}
}
if ($('.breakpoint').is(':visible')) {
$('.bpshow').each(function(){
a = $(window).scrollTop() + $(window).height();
b = $(this).offset().top + $(this).height();
if (a > b ){
$(this).fadeTo(800, 1);
}
});
}
if(c >= d && $(window).width() < 768){
$(this).fadeIn(0);
}
},5000);