[Résolu] Overflow: hidden ne marche pas sur chrome

Bonjour,

je code un site et je ne veux pas qu'on puisse scroller, du coup j'ai mis:

html{
	overflow-y: hidden !important;
	height: 100%;
}

ça marche sur firefox mais pas sur chrome.
Vous savez pourquoi ?
Modifié par Isaabelle (24 Mar 2020 - 14:11)

Hello,

je viens de tester sur chrome avec une grande image, l'overflow-y fonctionne pour moi.
Tu n'aurais pas une autre règle qui écrirait par dessus ou un js qui remplacerait la règle ?
( avec un framework ? )
Tu peux nous passer ton code complet ?

stryk a écrit :
Hello,
je viens de tester sur chrome avec une grande image, l'overflow-y fonctionne pour moi.
Tu n'aurais pas une autre règle qui écrirait par dessus ou un js qui remplacerait la règle ?
( avec un framework ? )
Tu peux nous passer ton code complet ?

Le truc c'est que je code un wordpress en local et c'est sur une page où il y a un slider qui marche grace au plugin "ultimate-responsive-image-slider". J'ai rajouté du CSS dedans mais j'imagine que ça doit donc être un js qui empeche le overflow hidden de marcher.. Ce que je trouve bizarre c'est qu'il marche sur firefox mais pas sur chrome.

Mais si c'est ça je peux peut-être insérer un contre ordre en js pour empecher le scroll ? Que je pourrais rentrer dans le body scripts de la page via l'interface wordpress :

Et si cela est bien faisable, quelqu'un saurait ce qu'il faut que je mette en js (je m'y connais qu'en html et CSS)?
Ou d'autres conseils?

Bon finalement j'ai trouvé, j'ai mis

.page-template-default { overflow-y: hidden; } 

et va savoir pourquoi, là ça marche alors que j'avais essayé avec plein d'autres selecteurs et balises. Au moins comme ça si je veut des pages qui scrollent, j'aurais qu'à faire un nouveau modèle de page. Merci de ton aide en tout cas stryk !

ah ok oui effectivement il fallait le trouver !! bien vu ^
juste par curiosité, un peu radical, mais je me demande si ça réussirait à surcharger le css:

document.addEventListener('DOMContentLoaded', function(){

	document.documentElement.style.setProperty('overflow-y', 'hidden');
	
});