Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Scrollen und zoomen abschalten per CSS deaktivieren

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    2.5k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    991

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.3k

Scrollen und zoomen abschalten per CSS deaktivieren

Scheduled Pinned Locked Moved Visualisierung
vis
4 Posts 2 Posters 1.1k Views 3 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • Issr4kI Offline
    Issr4kI Offline
    Issr4k
    wrote on last edited by
    #1

    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!!

    jogibear9988J 1 Reply Last reply
    0
    • Issr4kI Issr4k

      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!!

      jogibear9988J Offline
      jogibear9988J Offline
      jogibear9988
      wrote on last edited by
      #2

      @issr4k

      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

      Check my ioBroker webui - a vis alternative
      see: https://github.com/iobroker-community-adapters/ioBroker.webui

      Issr4kI 1 Reply Last reply
      0
      • jogibear9988J jogibear9988

        @issr4k

        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

        Issr4kI Offline
        Issr4kI Offline
        Issr4k
        wrote on last edited by
        #3

        @jogibear9988 javascript lässt sich einbinden.

        Hättest du da ein Beispielscript für mich?

        PS: schaue mir aber dein ui auch mal an.

        jogibear9988J 1 Reply Last reply
        0
        • Issr4kI Issr4k

          @jogibear9988 javascript lässt sich einbinden.

          Hättest du da ein Beispielscript für mich?

          PS: schaue mir aber dein ui auch mal an.

          jogibear9988J Offline
          jogibear9988J Offline
          jogibear9988
          wrote on last edited by jogibear9988
          #4

          @issr4k

           document.head.insertAdjacentHTML("<meta....")
           document.body.scroll = 'no';
           document.body.style.overflow = 'hidden';
          

          Check my ioBroker webui - a vis alternative
          see: https://github.com/iobroker-community-adapters/ioBroker.webui

          1 Reply Last reply
          0
          Reply
          • Reply as topic
          Log in to reply
          • Oldest to Newest
          • Newest to Oldest
          • Most Votes


          Support us

          ioBroker
          Community Adapters
          Donate

          692

          Online

          32.6k

          Users

          82.3k

          Topics

          1.3m

          Posts
          Community
          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
          ioBroker Community 2014-2025
          logo
          • Login

          • Don't have an account? Register

          • Login or register to search.
          • First post
            Last post
          0
          • Home
          • Recent
          • Tags
          • Unread 0
          • Categories
          • Unreplied
          • Popular
          • GitHub
          • Docu
          • Hilfe