Как сделать эффект исчезновения ТЕКСТА при прокрутке вниз

Question

Мне нужна небольшая помощь по загрузке текста с эффектом FADE-IN при прокрутке вниз.Я нашел плагин для загрузки эффекта затухания для изображений (например, Mashable.com), но мне требуется то же самое для текста.

Спасибо

Answer 1

Как сказал @ 動靜 能量, одна часть вашего решения использует метод fadeIn.
Другая часть записывает код в $(window).scroll(function (e) {})

Проверьте API прокрутки http://api.jquery.com/scroll/

И вы также можете использовать это:

(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's fadeIn () ... что-то вроде

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

для перехода в div с id = "my-div".http://api.jquery.com/fadeIn/