Zitat von
Kim
Am besten du baust auch noch ein Fallback ein wenn JS deaktiviert ist.
Mit der Erweiterung [classjs] oder ein bischen JS kannst du die Klasse no-js setzen.
Code:
h2.show, .no-js h2 {
opacity: 1;
}
Dankeschön für den Tipp
Hätte da noch ne spezifische Frage zu jquery. Habe leider nur rudimentäre Kenntnisse. Es beim scrollen einfach die diversen Blöcke mit den Klassen .slideap, slidegv etc. eingeblendet werden.
So funktioniert es:
PHP-Code:
$(document).ready(function() {
$('.slideap').bind('inview', function(e, isInView, visiblePartX, visiblePartY) {
if (isInView) {
if (visiblePartY == 'both' || visiblePartY == 'bottom') {
$('.slideap').css('visibility', 'visible');
$('.slideap').addClass('animated fadeInLeft');
$('.slideap').unbind('inview');
}
}
});
});
$(document).ready(function() {
$('.slidegv').bind('inview', function(e, isInView, visiblePartX, visiblePartY) {
if (isInView) {
if (visiblePartY == 'both' || visiblePartY == 'bottom') {
$('.slidegv').css('visibility', 'visible');
$('.slidegv').addClass('animated fadeInLeft');
$('.slidegv').unbind('inview');
}
}
});
});
Aber kann ich das auch verkürzt schreiben? Ich habe schon versucht die diversen Klassen in eine funcktion zu packen, also so:
PHP-Code:
(document).ready(function() {
$('.slideap, slidegv').bind('inview', function(e, isInView, visiblePartX, visiblePartY) {
if (isInView) {
if (visiblePartY == 'both' || visiblePartY == 'bottom') {
$('.slideap, .slidegv').css('visibility', 'visible');
$('.slideap, .slidegv').addClass('animated fadeInLeft');
$('.slideap, .slidegv').unbind('inview');
}
}
});
});
Aber das funktioniert leider nicht
Lesezeichen