jolle: Scrollbalken entfernen, Funktion beibehalten

Hi!
Ich hab ein kleines Problem. Von vielen Besuchern meiner HP (www.ideenausgang.de) ist mir schon gesagt worden, dass der Scrolleffekt nervt, er wäre zu langsam. Da ich aber die Geschwindigkeit nicht ändern will brauche ich etwas neues. Ein Scrollbalken sieht in dem Layout nicht gut aus. Also frag ich mich, kann man einen Scrolleffekt erstellen, sodass man nur durch das Rädchen an der Maus scrollen kann? Also den Scrollbalken entfernen, die Funktion aber beibehalten.
Im Vorraus Dankesehr!
jolle

  1. Hallo jolle.

    Ich hab ein kleines Problem. Von vielen Besuchern meiner HP (www.ideenausgang.de) ist mir schon gesagt worden, dass der Scrolleffekt nervt, er wäre zu langsam.

    Deine Alarmglocken sollten spätestens jetzt klingeln.

    Da ich aber die Geschwindigkeit nicht ändern will brauche ich etwas neues. Ein Scrollbalken sieht in dem Layout nicht gut aus.

    Das ist egal. Deine Nutzer wollen einen nutzbaren Scrollbalken, und das ist der des Browsers.

    Einen schönen Freitag noch.

    Gruß, Mathias

    --
    ie:% fl:| br:< va:) ls:& fo:) rl:( n4:~ ss:) de:] js:| mo:| zu:)
    debian/rules
  2. hi,

    Von vielen Besuchern meiner HP (www.ideenausgang.de) ist mir schon gesagt worden, dass der Scrolleffekt nervt, er wäre zu langsam.

    Word.

    Da ich aber die Geschwindigkeit nicht ändern will brauche ich etwas neues. Ein Scrollbalken sieht in dem Layout nicht gut aus.

    Dann mach ihn an den Rand, wo er hingehört.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
  3. nur durch das Rädchen an der Maus scrollen

    Öm, mein Laptop hat keine Maus, und das einzige Rädchen am ganzen Laptop regelt die Lautstärke. Wie bitteschön soll ich da scrollen?

    Alexander

  4. Hi,

    wie wäre es wenn du bei klick auf die pfeile doppelte geschwindigkeit fährst?
    So bleibt das Design und man kann schneller scrollen.
    War jedenfalls meine erste Handlung auf den Pfeil zu klicken um schneller zu scrollen...

    Gruß ROn

    1. Hi Ron!
      Eigentlich eine gute Idee. Nur ich habe mir das Skript von so ner Site gezogen. Ich blick zwar größtenteils durch aber nicht soweit das ich es verändern könnte. Macht man das dann mit onclick oder was?
      lg
      jolle

    2. Ich bins nochmal!
      Ich habe das jetzt mal ausprobiert. Allerdings wackelt das Bild immer. Am Anfang kann ich den Mauszeiger noch einfach auf den Pfeil bewegen. Dann geht es langsam. Wenn ich dann aber draufklicke, scrollt man zwar schnell aber das Problem ist, wenn ich die Maus wieder weg nehme und danach abermals probiere die Maus auf den Pfeil zu setzen passiert gar nichts. Dann muss ich erst einmal klicken für die langsame Geschwindigkeit und ein zweites mal damit es dann schneller wird. Anbei mal der Quelltext zu meinem Effekt. Ich hab ihn in drei Dateien aufgeteilt. Weiß nicht ob das nötig war. ist mir aber auch egal also hier ist der erste:

      if (iens6){
      var crossobj=document.getElementById? document.getElementById("content") : document.all.content
      var contentheight=crossobj.offsetHeight
      }
      else if (ns4){
      var crossobj=document.nscontainer.document.nscontent
      var contentheight=crossobj.clip.height
      }

      function movedown(){
      if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100))
      crossobj.style.top=parseInt(crossobj.style.top)-speed+"px"
      else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
      crossobj.top-=speed
      movedownvar=setTimeout("movedown()",20)
      }

      function moveup(){
      if (iens6&&parseInt(crossobj.style.top)<=0)
      crossobj.style.top=parseInt(crossobj.style.top)+speed+"px"
      else if (ns4&&crossobj.top<=0)
      crossobj.top+=speed
      moveupvar=setTimeout("moveup()",20)

      }

      function movefdown(){
      if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100))
      crossobj.style.top=parseInt(crossobj.style.top)-speed+"px"
      else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
      crossobj.top-=speeder
      movedownvar=setTimeout("movedown()",20)
      }

      function movefup(){
      if (iens6&&parseInt(crossobj.style.top)<=0)
      crossobj.style.top=parseInt(crossobj.style.top)+speed+"px"
      else if (ns4&&crossobj.top<=0)
      crossobj.top+=speeder
      moveupvar=setTimeout("moveup()",20)

      }

      function getcontent_height(){
      if (iens6)
      contentheight=crossobj.offsetHeight
      else if (ns4)
      document.nscontainer.document.nscontent.visibility="show"
      }
      window.onload=getcontent_height

      dann das zweite:

      iens6=document.all||document.getElementById
      ns4=document.layers

      //specify speed of scroll (greater=faster)
      var speed=4
      var speeder=7

      if (iens6){
      document.write('<div id="container" style="position:absolute;width:670px;padding:15px;height:478px;overflow:hidden;left:240px;top:120px;">')
      document.write('<div id="content" style="position:absolute;padding:15px;height:750px;width:670px;left:0;top:0">')
      }

      und noch das dritte:

      if (iens6)
      document.write('</div></div>')

      dann hab ich die beiden pfeile so formatiert:

      <a href="#" onMouseover="moveup()" onMouseout="clearTimeout(moveupvar)" onclick="movefup()">
      <img src="pfeiloben.jpg" border=0 style="position:absolute;top:500px;left:960px;">
      </a>
      <a href="#" onMouseover="movedown()" onMouseout="clearTimeout(movedownvar)" onclick="movefdown()">
      <img src="pfeilunten.jpg" border=0 style="position:absolute;top:552px;left:963px;">
      </a>

      Vllt könnt ihr mir ja helfen.
      Im Vorraus Danke!
      jolle