Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Scrollbalken unsichtbar machen

    NEWS

    • Wir empfehlen: Node.js 22.x

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker goes Matter ... Matter Adapter in Stable

    Scrollbalken unsichtbar machen

    This topic has been deleted. Only users with topic management privileges can see it.
    • P
      Pascal1909 last edited by

      Hi also ich verwende im moment ein view in widget und kann damit auch scrollen. Allerdings würde ich gerne den Scrollbalken unsichtbar machen.
      Ist das irgendwie möglich?

      Und mein 2. Problem wenn ich scrolle und ein icon berühre wird sofort die Aktion ausgeführt. Also schon beim drauflegen und nicht erst beim loslassen. Es wär natürlich schön wenn man beim scrollen nicht ausversehen etwas anderes einschaltet.

      Ich zeige die Vis mit Safari an falls das dafür wichtig ist.

      Segway 1 Reply Last reply Reply Quote 0
      • Segway
        Segway @Pascal1909 last edited by

        @Pascal1909 sagte in Scrollbalken unsichtbar machen:

        Hi also ich verwende im moment ein view in widget und kann damit auch scrollen. Allerdings würde ich gerne den Scrollbalken unsichtbar machen.

        Welches widget benutzt du denn ?
        Mach mal ein Screenshot von deinem View

        Und mein 2. Problem wenn ich scrolle und ein icon berühre wird sofort die Aktion ausgeführt. Also schon beim drauflegen und nicht erst beim loslassen. Es wär natürlich schön wenn man beim scrollen nicht ausversehen etwas anderes einschaltet.

        Mach mal Screenshots von dem View, dann versteht man das besser und teile uns mit welche widgets du benutzt

        1 Reply Last reply Reply Quote 0
        • T
          tempestas last edited by

          Der Scrollbalken sollte normalerweise nur am PC sichtbar sein, nicht aber auf einem Tablet. da kannst du dann einfach so scrollen

          1 Reply Last reply Reply Quote 0
          • P
            Pascal1909 last edited by

            also ich benutze ein view in Widget um einen Bereich zu Scrollen. Und der Scrollbalken den man auf dem Foto (rote Makierung) sieht der wird auch auf dem Handy angezeigt.

            1.jpg

            Homoran 1 Reply Last reply Reply Quote 0
            • Homoran
              Homoran Global Moderator Administrators @Pascal1909 last edited by Homoran

              @Pascal1909 sagte in Scrollbalken unsichtbar machen:

              der Scrollbalken den man auf dem Foto (rote Makierung) sieht der wird auch auf dem Handy angezeigt.

              Wie stellst du den View auf dem Handy dar?

              • App?
                • Android/Apfel?
              • Browser?
                • welcher
                • mobile/Desktop-Ansicht?
              1 Reply Last reply Reply Quote 0
              • P
                Pascal1909 last edited by Pascal1909

                mit dem Safaribrowser auf einem Iphone XS im Vollbildmodus.

                2019-02-27 10.23.54.jpg

                Homoran 1 Reply Last reply Reply Quote 0
                • Homoran
                  Homoran Global Moderator Administrators @Pascal1909 last edited by

                  @Pascal1909 sagte in Scrollbalken unsichtbar machen:

                  mit dem Safaribrowser

                  und in chrome

                  @Pascal1909 sagte in Scrollbalken unsichtbar machen:

                  im Vollbildmodus.

                  entspricht das dem "Desktopmodus"? - dann ist es kein Wunder

                  X 1 Reply Last reply Reply Quote 0
                  • P
                    Pascal1909 last edited by

                    also in Safari kann ich wenn ich eine Website aufgerufen habe diese zum Homebildschirm hinzufügen und dann öffnet sich diese im Vollbildmodus (wie eine App).

                    1 Reply Last reply Reply Quote 0
                    • X
                      Xanon @Homoran last edited by

                      @Homoran sagte in Scrollbalken unsichtbar machen:

                      entspricht das dem "Desktopmodus"? - dann ist es kein Wunder

                      Ich grabe dieses Thema hier noch mal aus.
                      Ich habe die Scrollbalken zwar nicht auf den mobilen Devices, aber ich wollte mal fragen, ob man die Scrollbalken nicht auch irgendwie auf dem Desktop (Safari / Chrome) unsichtbar machen kann?

                      Oder ist es im Desktopmodus einfach nicht möglich?

                      1 Reply Last reply Reply Quote 0
                      • Stabilostick
                        Stabilostick last edited by Stabilostick

                        Scrollbars bei Desktop-Browsern mit CSS ausblenden:

                        https://stackoverflow.com/questions/3296644/hiding-the-scroll-bar-on-an-html-page

                        Lösungsansatz zB.:

                        HTML

                        <div class="hide-scroll">
                            <div class="viewport">
                                ...
                            </div>
                        </div>
                        

                        CSS

                        .hide-scroll {
                            overflow: hidden;
                        }
                        
                        .viewport {
                            overflow: auto;
                        
                            /* Make sure the inner div is not larger than the container
                             * so that we have room to scroll.
                             */
                            max-height: 100%;
                        
                            /* Pick an arbitrary margin/padding that should be bigger
                             * than the max width of all the scroll bars across
                             * the devices you are targeting.
                             * padding = -margin
                             */
                            margin-right: -100px;
                            padding-right: 100px;
                        }
                        
                        1 Reply Last reply Reply Quote 0
                        • First post
                          Last post

                        Support us

                        ioBroker
                        Community Adapters
                        Donate

                        413
                        Online

                        32.0k
                        Users

                        80.5k
                        Topics

                        1.3m
                        Posts

                        vis
                        6
                        10
                        2592
                        Loading More Posts
                        • Oldest to Newest
                        • Newest to Oldest
                        • Most Votes
                        Reply
                        • Reply as topic
                        Log in to reply
                        Community
                        Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                        The ioBroker Community 2014-2023
                        logo