Inhalt, Elemente beim Scrolling einblenden

[monaco]

hallo zusammen,

gibt es unter Contao eine Erweiterung, mit der es möglichst, diverse Inhalte, Elemente beim Scrolling einzublenden. Oder vielleicht hat mir jemand einen Tipp, wie man die Inhalte beim Scrolling selbst basteln kann? Geh das inzwischen schon mit CSS3 oder muss man da noch javascript zu Hilfe nehmen?

[Andreas]

So viel ich weiß geht das nur mit JS, weil du das scroll-Event abfangen musst.
http://stackoverflow.com/questions/2...nt-in-mootools
http://blog.webbb.be/trigger-css-animation-scroll/

[marcos]

Sowas habe ich schon ein paar mal gebraucht:

$(window).scroll(function(){
    if ($(this).scrollTop() > 100) {
        $('#mein-element').css('display', 'block').addClass('active'); //Einblenden
    } else {
        $('#mein-element').css('display', 'none').removeClass('active'); //Ausblenden
    }
}); 

Dieses Script blendet das Element ein wenn man >100px runter scrollt. Scrollt man wieder hoch verschwindet das Element bei der 100px-Marke wieder.

[derRenner]

Hallo

... oder meinst du soetwas
https://github.com/matthieua/WOW
und die demo-Seite dazu
http://mynameismatthieu.com/WOW/index.html