Scrollen und zoomen abschalten per CSS deaktivieren
-
Hier ein Auszug aus dem <head> und <body> meiner index.html von Vis
<meta name="viewport" content="width=device-width, user-scalable=no, viewport-fit=cover"/> <!-- kein Zoomen --> <meta name="theme-color" content="#161718"> <!-- Notch Farbe --> <body scroll="no" style="overflow: hidden"> <!-- kein Scrollen -->Die Einstellungen sind natürlich nicht permanent, sobald an Vis was geändert wird sind die futsch. Daher die Frage wie man das mit CSS umsetzt. Mit google bin ich leider zu keinem funktionieredem Ergebnis gekommen.
Danke vorab!!
-
denke mit css kommst du da nicht weit.
Ich habe dafür in meiner webUi auch extra support eingebaut um die meta tags zu setzen (oder zu löschen). Wenn das in vis nicht geht, mhmm. Kann man in vis den javascript einfügen? darüber könntest die tags ja erzeugen -
@jogibear9988 javascript lässt sich einbinden.
Hättest du da ein Beispielscript für mich?
PS: schaue mir aber dein ui auch mal an.
-
document.head.insertAdjacentHTML("<meta....") document.body.scroll = 'no'; document.body.style.overflow = 'hidden';
