Comment toujours afficher la barre de défilement verticale dans un navigateur?

Je veux toujours afficher la barre de défilement verticale dans ma page Web. Est-il possible d’utiliser javascript? Je pense que c’est possible en utilisant javascript ou jQuery. Je veux une barre de défilement verticale s’il y a suffisamment de contenu à afficher ou non.

Merci.

jQuery ne devrait pas être requirejs. Vous pouvez essayer d’append le CSS:

body {overflow-y:scroll;} 

Cela fonctionne avec les derniers navigateurs, même IE6.

Juste une note: dans OS X Lion, le débordement défini sur “scroll” se comporte plus comme auto dans lequel les barres de défilement ne seront affichées que lorsqu’elles sont utilisées. Ils disparaîtront lorsqu’ils ne seront pas utilisés. Donc, si l’une des solutions ci-dessus ne semble pas fonctionner, c’est peut-être pourquoi.

Voici ce que vous devrez résoudre:

 ::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } ::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0, 0, 0, .5); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5); } 

Vous pouvez le styliser en conséquence.

Utilisez simplement CSS.

 body { overflow-y: scroll; } 

définir la propriété de overflow d’un div contenant à scroll .

essayez d’appeler une fonction sur la méthode onload de votre balise body et, dans cette fonction, modifiez le style du corps comme ceci document.body.style.overflow = ‘scroll’; Vous devrez peut-être aussi définir la largeur de votre fichier HTML car cela affichera également les barres de défilement horizontales.

votre fichier html ressemblera à quelque chose comme ça

    

Voici une méthode Cela fournira non seulement un conteneur de barre de défilement, mais montrera également la barre de défilement même si le contenu n’est pas suffisant (selon vos besoins). Fonctionne également sur les appareils iPhone et Android aussi bien ..

      

Ajoutez la classe au div que vous voulez faire défiler.

débordement-x: caché; masque la barre de défilement horizontale. Alors que débordement-y: faites défiler; vous permet de faire défiler verticalement.

       

DATA