Discussion :

[zouetchou]

Bonjour à tous,

J'utilise le script suivant pour faire defiler un <div> en fonction du déplacement vertical de la fenêtre du navigateur. Ce script fonctionne correctement, mais le déplacement n'est pas fluide. Quelqu'un pourrait-il m'aider à améliorer cela ?

Merci.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
<script type="text/javascript">
    // allocate the function to the window scrolling
    window.onscroll = fixedTop;
 
    var startingY = false;
 
    function fixedTop() {
 
        // First top value recovery
        if (!startingY) startingY = parseInt(document.getElementById("fixedtopleft").style.top);
 
        // Scroll top value
        if (window.pageYOffset) {        
            var yrt = window.pageYOffset;
        } else if (document.body.scrollTop){ 
            var yrt = document.body.scrollTop;
        } else { 
            var yrt = document.documentElement.scrollTop;
        }
 
        document.getElementById("fixedtopleft").style.top = (yrt + startingY)+ "px";
    }
</script>

[NoSmoking]

Bonjour,
il te suffit d'atteindre la position en créant une animation via un setTimeout, ou setInterval, qui se chargera de faire le déplacement progressivement.