Webpage sans fin défilement vers le bas

Question

J'ai donc reçu ce projet pour améliorer une page Web et il a un comportement étrange. Lorsque la résolution est inférieure à 900px (petits ordinateurs portables et tablettes) et que vous arrivez à la fin de la page, vous pouvez défiler à l'infini après l'image du pied de page (il semble que l'image de fond se répète). Cela arrive aussi avec toutes les résolutions quand j'ai firebug ouvert. Toutes les divs sont correctement fermées. Je ne sais vraiment pas ce qui se cache derrière ce comportement. Peut-être que quelqu'un a vu avant ...

Voici mon pied de page:

<footer> 

<div id="footer"> 

    <div id="footerContainer"> 

    <div id="footerMain"> 

    <div id="legal"></div> 

    <div id="footerNav"> 

     <img src="images/table-footer.png" alt=""> 

    </div> 

    </div> 

    </div> 

</div> 

</footer> 

<a href="#" id="toTop"></a> 
</body> 

</html> 

Answer 1

L'ancre #toTop est poussée vers le bas en dessous du bas de la fenêtre lorsque la hauteur de l'écran est inférieure à un certain nombre. En effet, quel que soit le script utilisé, la valeur supérieure de cette ancre est x supérieure à la position défilée. Une meilleure façon d'accomplir ce même effet serait de faire en sorte que la valeur inférieure du personnage soit quelque chose de 10 de plus que le bas de la fenêtre. Ensuite, il ne descendra pas trop loin et fera penser au navigateur qu'il y a plus d'espace qu'il n'y en a.