11484 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Comme pour beaucoup de sites onepage je m'efforce de mettre en place une (très légère) animation du menu en fonction du positionnement dans la page.

Je n'ai que très peu de notion dans le domaine, mais après quelques recherches j'ai pu adapter un morceau de script à ma convenance ... enfin presque. Je m'explique : je souhaite avoir un offset différent dans les deux sens et le script ne tient compte que de la première direction (si je code scrollup en premier, le script ne fonctionne pas en allant vers le bas, et inversement). Pourtant, indépendamment (si je ne mets que le morceau du script scrollup ou que celui scrolldown) ils fonctionnent comme je le souhaite.

Si vous avez une solution à mon problème je suis preneur, merci d'avance.
Voici le script en question :
var $slide = $('.slide');
         
        $slide.waypoint( function( direction ) {
            if( direction === 'down' ) {
                change( $( this ) );
            }
        }, { offset: '50%' } ).waypoint( function( direction ) {
            if( direction === 'up' ) {
                change( $( this ) );
            }
        }, { offset: function() {
                return $.waypoints('viewportHeight')/2 - $(this).outerHeight();
            }
        } );