Le bouton Faire défiler vers le haut crée un espace blanc supplémentaire en bas de la page
<p>J'ai suivi quelques tutoriels pour créer un bouton de défilement flottant vers le haut basé sur CSS. Cependant, j'ai remarqué qu'il y avait un espace blanc supplémentaire sous le dernier élément HTML (par exemple la dernière ligne). La hauteur de l'espace blanc supplémentaire correspond à la hauteur de mon bouton (50px). </p>
<p> J'ai également essayé d'ajouter une balise div supplémentaire pour entourer la balise div arrowUp, et l'espace a été réduit, mais il reste encore un espace blanc petit mais visible. </p>
<p>Je me demandais s'il existait un moyen d'éviter l'espace blanc supplémentaire ? </p>
<pre class="brush:css;toolbar:false;">#arrowUp {
position : collante ;
largeur : 50 px ;
bas : 120 px ;
arrière-plan : #699462 ;
rayon de bordure : 10 px ;
rapport hauteur/largeur : 1 ;
marge gauche : auto ;
marge droite : 20 px ;
// marge inférieure : 150px ;
}
#arrowUp un {
contenu: "";
position : absolue ;
encart : 25 % ;
transformation : translationY (20 %) rotation (-45 deg );
bordure supérieure : 5px solide #fff ;
bordure droite : 5px solide #fff ;
}</pré>
<pre class="brush:html;toolbar:false;"><div>
<p> Première ligne. </p>
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<p> </p>
</div>
<div id="arrowUp">
<a href="#"></a>
</div></pré>
<p><br /></p>
