Forcer l'apparition de la scrollbar verticale

Bonjour à tous,

Je m'arrache les cheveux sur ce problème: je cherche (le client demande ) à forcer l'apparition de la scrollbar verticale sur une page de ce type:
http://cleaning.zooka.io/demo1/

J'ai essayé avec:

html {overflow: visible;}

Mais non... j'aimerai bien comprendre le problème ! Une idée ?

Un grand merci d'avance

Bonjour.

J'avoue que je ne comprends pas. La barre verticale est bien là... puisque le contenu de la page excède la hauteur de l'écran. Je précise que je consulte le site mis en lien sur un ordinateur de bureau. Ceci explique peut-être cela.

Re-bonjour,

Merci pour ton retour.

Je viens de comprendre, c'est une histoire de navigateur web.
Avec Firefox, la scrollbar est bien présente.
Elle disparaît avec Chrome à cause de ceci:

body::-webkit-scrollbar {
    width: 0 !important;
}

Maintenant je n'arrive pas à écraser cela en personnalisant mon CSS... Une idée ?

Tu peux pas juste supprimer cette partie ?

(p.s. : ce code vient de la feuille de style de base du navigateur)

arn068 a écrit :

Je viens de comprendre, c'est une histoire de navigateur web.
Avec Firefox, la scrollbar est bien présente.
Elle disparaît avec Chrome à cause de ceci:

Pas seulement, c'est aussi lié à l'OS. Les barres de défilement étant généralement des composants de l'OS, leur fonctionnement dépend du navigateur ET de l'OS. C'est très risqué d'aller bricoler là-dedans, le comportement peut beaucoup varier et peut changer lors d'une mise à jour (OS, navigateur, etc. ) sans parler des batteries de cas et de tests à faire.

Une bonne pratique est de ne rien faire: Si l'utilisateur utilise un OS/navigateur qui cache les barres de défilement par défaut, c'est son problème.
Modifié par kustolovic (03 Oct 2016 - 14:21)

En jquery tu peux peut être gérer cela

Bonjour et merci de vous intéresser à mon problème.

JENCAL: pour le moment j'ai simplement supprimé la partie du code CSS directement dans le fichier CSS, mais ce n'est pas viable à long terme, notamment en cas de mise à jour du CSS (template Wordpress).
J'aimerais simplement ajouter un bout de code dans mon CSS perso pour écraser cette partie.

kustolovic: d'après mes tests, c'est surtout lié au navigateur et pas nécessairement à l'OS.
Le fichier CSS confirme cela.
L 'argument, "c'est le problème de l'utilisateur" ne me convient pas , ni à moi ni à mon client !

jquery je ne maîtrise pas du tout.

Ça me rend dingue c'est de ne pas trouver la simple ligne de code CSS pour écraser le fichier précédent comme je le fais pour tout autre modif CSS !

Ce que j'ai supprimé dans le CSS:

body::-webkit-scrollbar {
        width: 0 !important; // Chrome 
    }
    html {
	    -ms-overflow-style: none; // IE 10+ 
	}

Modifié par arn068 (03 Oct 2016 - 16:13)

Du mieux !
La barre latérale apparaît, mais par contre par d'ascenseur, pas de fléches... juste une barre latérale blanche...
Mais on se rapproche, merci !