Jquery window scroll event problem

0

Witam mam problem którego nie wiem jak opisać dla google, żeby mnie zrozumiał, więc postaram się go wyjaśnić tutaj.
A więc, mam taki kod:

$(window).scroll(function () {
        var scrollPos = $(this).scrollTop();
        if(scrollPos > $(".section").offset().top)
            $(".section").children().fadeIn("slow");


    });

i chodzi mi tutaj o to, że gdy w instrukcji 'if' sprawdzam porównując wartości pozycji scrolla oraz 'offset' elementu ".section", chciałbym uzyskać w tym warunku coś jak

 $(this).children().fadeIn("slow");

gdzie this oznacza właśnie tę a nie wszystkie klasy .section,
czyli, żeby 'dziecko' tylko tego 'rodzica' ładnie się pokazało, a nie, nie wszystkie 'dzieci' wszystkich 'rodziców'.
Czy ktoś mógłby pomóc, byłbym bardzo wdzięczny :)

0

Moim zdaniem taki kod powinien wyglądać raczej tak:

$(".section").each(function() {
    if(scrollPos > $(this).offset().top) {
            $(this).children().fadeIn("slow");
    }
}

Skoro masz na stronie więcej sections, to musisz po nich iterować, by wybrać poszczególne.

0

Oo właśnie o to mi chodziło :) Dziękuję bardzo, poczytam sobie o each na takie przypadki :)

1 użytkowników online, w tym zalogowanych: 0, gości: 1