jquery - jScroll回调淡入新内容

我正在尝试使用回调选项淡入jScroll加载的新内容。到目前为止，这是我尝试过的，但是没有成功。

的CSS

.jscroll-added {
    position: relative;
    float: left;
    width: 100%;
    opacity: 0;
}

的JavaScript

 function neueFade() {
     jQuery('.jscroll-added').delay(1000).animate({
         opacity: 1
     }, 700);
 };

 jQuery(document).ready(function () {
     jQuery('.container').jscroll({
         debug: false,
         loadingHtml: '<img src="loading.gif" alt="Loading" />',
         padding: 0,
         nextSelector: '.prev-posts-link a',
         contentSelector: '.container',
         pagingSelector: '',
         callback: neueFade,
     });
 });

最佳答案

在调用动画之前，必须先隐藏元素。另外，如果尝试通过选择.jscroll-added进行动画处理，则将为到目前为止已交付的所有内容制作动画。为正确起见，您只需定位刚刚添加的元素：

function neueFade() {
    $(this).hide().fadeIn(1000);
}

关于jquery - jScroll回调淡入新内容，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24558229/