Roadster: Individuelle Scroll-Leiste oder designverträgliche Alternative?

Beitrag lesen

Aloha ;)

Hallo Rider :)

SuperVielenDank für die Arbeit!

Langsam lichtet sich der Schleier, aber so wirklich gebacken bekomme ich's leider noch nicht:

Habe mit der einfachsten Variante angefangen und mal folgendes ausprobiert:

function ScrollDown (step) {  
window.document.getElementById("menuContainer").scrollTop += step;}  
  
document.getElementById("menuButtonDown").addEventListener("mousedown", function (){  
scrolling = false;  
if (scrolling) window.clearInterval(scrolling);  
scrolling = window.setInterval(function(){ScrollDown(5);},250);});  
  
document.getElementById("menuButtonDown").addEventListener("mouseup", function(){  
scrolling = false;  
if (scrolling) window.clearInterval(scrolling);});  
  
document.getElementById("menuButtonDown").addEventListener("mouseout", function(){  
scrolling = false;  
if (scrolling) window.clearInterval(scrolling);});

Der Effekt dabei ist jetzt, dass wenn ich den Button ("menuButtonDown") einmal kurz anclicke, dann scrollt das Menü ("menuContainer") tatsächlich nach unten, d.h. es 'hüpft' im viertelsekunden Rhytmus nach unten ;-)

Also der erste Teil der Funktion läuft schonmal irgendwie, aber der zweite Teil funktioniert leider nicht - sprich, wenn ich die Maustaste wieder loslasse, zuckelt das Menü trotzdem weiter nach unten, bis es am Ende angelangt ist, und wenn ich mit dem Mausrad versuche hochzuscrollen,
scrollt er automatisch wieder nach unten, d.h. die erste Funktion hört einfach nicht mehr auf.

Ob ich es dabei so schreibe wie ichs hier gepostet habe, oder ob ich deine Schreibweise mit .onmouseup usw. aus dem ersten Post übernehme, macht dabei leider keinen Unterschied. (Außer den, dass mir im Browser "scrolling is not defined" angezeigt wird, wenn ich die Zeile "scrolling = false;" nich über die Funktionszeile drübersetze...)

Was mache ich falsch?

By the way: window.document.getElementById("...")  ---> ist das "window" da nicht überflüssig?

Nochmal besten Dank und Gruß,

Roadster.

0 48

Menü-Box mit individuellen Scroll-Buttons - Ideen?

Roadster
  • css
  1. 0
    Matthias Apsel
    1. 0
      Roadster
      1. 0
        Auge
        1. 0
          Roadster
        2. 1
          Camping_RIDER
      2. 0
        ChrisB
        1. 0
          Camping_RIDER
          1. 0
            Roadster
  2. 0

    Grundsätzliches zur Steuerung des Scrollens von Inhalten

    Roadster
    1. 0
      Matthias Apsel
      1. 0
        Roadster
  3. 2
    ChrisB
    • meinung
    1. 0
      Roadster
      1. 0
        JürgenB
        1. 0
          Roadster
          1. 0
            JürgenB
            1. 0
              Roadster
              1. 1
                Gunnar Bittersmann
  4. 0

    Individuelle Scroll-Leiste oder designverträgliche Alternative?

    Roadster
    • design/layout
    1. 2
      Klawischnigg
      1. 0
        Roadster
        1. 0
          Klawischnigg
          1. 0
            Der Martin
            1. 0
              Gunnar Bittersmann
      2. 2
        Gunnar Bittersmann
        1. 0
          Klawischnigg
          1. 0
            Gunnar Bittersmann
      3. 0
        Stefanie M.
    2. 0
      Auge
      1. 0
        Gunnar Bittersmann
        1. 0
          Auge
          1. 0
            Der Martin
            1. 0
              Auge
            2. 0
              MudGuard
    3. 0
      Camping_RIDER
      1. 0
        Roadster
        1. 0
          Matthias Apsel
          1. 0
            Roadster
            1. 0
              Camping_RIDER
              1. 0
                Roadster
                1. 0
                  Camping_RIDER
                  1. 0
                    Roadster
                    1. 0
                      Camping_RIDER
                      1. 0
                        Roadster
  5. 0
    Gunnar Bittersmann
    1. 0
      Auge
  6. 0
    Matthias Apsel