Question

在向下滚动时，我需要一个小小的帮助来加载带有FADE-IN效果的Text。我找到了一个用于加载图像效果淡入淡出的插件（如Mashable.com），但我对TEXT要求相同。

谢谢

Answer 1

就像@动静能量所说，解决方案的一部分是使用fadeIn方法另一部分是将代码写入$(window).scroll(function (e) {})

你可能也想用这个：

(function ($) {
    jQuery.fn.scrollOffset = function () {
        var win = $(window);
        var topSpace = this.offset().top - win.scrollTop();
        var bottomSpace = win.height() - this.height() - topSpace;
        var leftSpace = this.offset().left;
        var rightSpace = win.width() - this.width() - leftSpace;
        return { top: topSpace, bottom: bottomSpace, left: leftSpace, right: rightSpace };
    };
})(jQuery);

这将获取某个元素的滚动偏移量。

把它们连在一起，你应该能够找到解决方案。

Answer 2

你不需要任何插件淡入文字。你可以使用jQuery的fadeIn（）...类似

$('#my-div').fadeIn();

以id =“my-div”淡入div。 http://api.jquery.com/fadeIn/

向下滚动时如何进行TEXT淡入效果

2 个答案: