Bonjour j'ai fait une animation qui fait en sorte que la premiere section de la page retrecie au scroll down et s'agrandit au scroll up.

ça marche tres bien mais quand je scroll un peu trop fort ou un peu trop vite cela rajoute "du vrai scroll" en gros la page descend et je ne le souhaite pas.

Comment puis je faire en sorte que ça ne descende pas?

mercie d'avance:

var iScrollPos = 0;

    $(window).scroll(function () {
        var iCurScrollPos = $(this).scrollTop();
        if (iCurScrollPos > iScrollPos) {
            $("#coach-header").stop().animate({height:"0px"},300,"easeInOutQuad");
            console.log('down');
        } else {
            $("#coach-header").stop().animate({height:"100vh"},600,"easeInOutQuad");
            console.log('up');
        }
        iScrollPos = iCurScrollPos;
    });

Bonjour,

Pourquoi ne pas faire une div de la hauteur de la zone d'affichage avec un overflow hidden... de cette façon pas de scroll possible sur la page...

aurelien33320 a écrit:

Bonjour merci pour ta reponse, mais la div etait deja en overflow hidden. je me suis debrouillé autrement merci

-
Edité par BenGui2 18 janvier 2018 à 23:54:20