Scrollbalken entfernen, Funktion beibehalten
jolle
- html
1 Mathias Brodala0 wahsaga0 Alexander (HH)0 Ron
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
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
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
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
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
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
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