Navbar-Left nicht scrollbar auf Smartphone

[alltime]

Ich würde gerne die Hauptnavigation mit der Navbar-Left ermöglichen. Allerdings kann die Navbar größer als der sichtbare Bereich auf einem Smartphone werden.
Das Problem ist, dass sich die Navbar nicht scrollen lässt. In einer Page funktioniert die Scrollfunktion wunderbar...

Ich vermute, es liegt daran, dass die Navbar in ein extra div gepackt ist. Auf Android geräten lässt sich aber nur die gesamte Seite scrollen und nicht einzelne Divs...

Hat jemand einen Tipp für mich?

Das "Material Design" ist hier zu finden:
https://github.com/alltime84/CometVisu/tree/develop/src
Screenshot_2015-10-23-18-21-59.png

[Chris M.]

Leider hab ich auch keinen direkten Tipp.

Das Handling der Navbars auf mobilen Geräten könnte aber sowieso eine Optimierung vertragen. D.h. wenn Du etwas findest: gerne!

[alltime]

OK, dann werde ich versuchen ein Menü-Plugin zu basteln, das automatisch eine Page bei Smartphones mit der Seitenstruktur füllt. Also ein automatisches Menü. Nur als Idee: Die Config Datei sollte sich eigentlich eh automatisch aus der ETS Projektdatei erstellen lassen. Das wiregate kann ja auch die Gruppenadressen lesen, warum nicht die gesamte Gebäudestruktur?

[Chris M.]

Ich warte auch schon darauf, dass jemand mal einen Übersetzer von ETS nach CometVisu-Config baut

Ich denke aber, dass es bei einem Übersetzer und nicht bei einem Import-Filter für die Visu bleiben sollte. Denn eine automatisch generierte Config ist ein guter Start - aber manche Details will man halt doch anpassen.

[NightRacer]

nAbend,

gibts für die nicht (mehr) scrollbare Navbar auf m Mobilgerät inzwischen eine Lösung?
Bei mir funktioniert das seit dem gestrigen update von 0.8.5 auf 0.9.0 nicht mehr.
Zuvor hats funktioniert.


Grüße

Michael

[apoc4lyps]

Servus,
ich weis nicht ob das ursprünglichen Probem schon gefunden wurde, aber eventuell kann man sich hier etwas abschauen (oder das ganze plugin verwenden).

http://mmenu.frebsite.nl/

[alltime]

Das Material Design ermöglicht eine scrollbare Navbar auf Smartphones.
Das liegt wohl ausschließlich am style der Navbar. Die Navbar geht hier über die gesamte Höhe und wird dadurch wohl auf Smartphones scrollbar.
Siehe zum Material Design diesen Thread: https://knx-user-forum.de/forum/supp...aterial-design

[alltime]

Ich muss muich korrigieren... es lag doch am zusätzlichen Javascript in der Index.html:

      function isTouchDevice(){
        try{
          document.createEvent("TouchEvent");
          return true;
        }catch(e){
          return false;
        }
      }
      
      function touchScroll(id){
        if(isTouchDevice()){ //if touch events exist...
          var scrollStartPos=0;

          document.getElementById(id).addEventListener("touchstart", function(event) {
            scrollStartPos=this.scrollTop+event.touches[0].pageY;
            event.preventDefault();
          },false);

          document.getElementById(id).addEventListener("touchmove", function(event) {
            this.scrollTop=scrollStartPos-event.touches[0].pageY;
            event.preventDefault();
          },false);
        }
      }

<script>
  touchScroll("navbarLeft");
</script>