Style når noget bliver set

Tags:    css javascript

Hejsa

Har CSS3 en state attribut eller jQuery en metode til der kan ske noget når noget bliver synligt?
Synligt som i at det ses på skærmen og ikke når det er udenfor skærmen?

Fx på følgende side
http://webthemez.com/preview/?john-bootstrap-one-page-html5-free-resume-template/
kommer "About me" langsomt og pænt ind. Hvordan gør man det?

Fx hvis man skal lave infinite scrolling hvor produkter automatisk henter sig selv, vil man vel reagere på at et element er synligt på skærmen?
Tænker at hvis man har et element med opacity: 0, og man scroller ned i bunden og ser det så det "usynlige" element kommer op på skærmen vil det kunne give dig en state/event/function man kan loade noget mere i?

Hvis der er mulighed for både at løse det via CSS og javascript er jeg interesseret i begge løsninger, da begge kan løse forskellige problemstillinger :)



5 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 12 karma
Sorter efter stemmer Sorter efter dato
Hejsa

Det lader til at den side du henviser til bruger wow.js

Du kan læse mere her: http://mynameismatthieu.com/WOW/

Mon ikke det kan hjælpe dig?

Mvh. Jens



Så vidt jeg kan se, bliver det skjult vha. javascript og så senere vist vha. af javascript igen.
Det vil altså sige, at Google's crawlere ikke har problemer med at læse det, da de ikke bliver skjult der heller.

Hvis det var den klasse man pålagde elementerne, der gjorde dem usynlige vha. css var det en anden sag.

Så du skulle være good-to-go :-)



Tak Jens

Så skal jeg bare have det implementeret.
Kan se der står det er usynligt indtil man scroller ned til elementet, og tænker på Google og SEO. Googles crawlers bruger ikke JS så den vil ikke være usynlig, og derfor komme med i deres søgeresultat.
Ret mig hvis jeg tager fejl?



Tak igen Jens :)



Intet problem :-)



t