Gå til innhold

javascript scrollbars


Anbefalte innlegg

har denne koden som jeg har modifisert osv (lasta ned fra Dynamic Drive) koden er en custom scrollbar..

<div id="staticbuttons" style="position:absolute;">
<a href="javascript:" onmouseover="myspeed=-thespeed" onmouseout="myspeed=0"><img
src="opp.gif" border="0"></a><br>
<a href="javascript:" onmouseover="myspeed=thespeed" onmouseout="myspeed=0"><img
src="ned.gif" border="0"></a>
</div>

<div id="staticbuttons" style="position:absolute;">
<a href="javascript:" onmouseover="myspeed=-thespeed" onmouseout="myspeed=0"><img
src="opp.gif" border="0"></a><br>
<a href="javascript:" onmouseover="myspeed=thespeed" onmouseout="myspeed=0"><img
src="ned.gif" border="0"></a>
</div>

<script>

//Page Scroller (aka custom scrollbar)- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use

var Hoffset=70 //Enter buttons' offset from right edge of window (adjust depending on images width)
var Voffset=80 //Enter buttons' offset from bottom edge of window (adjust depending on images height)
var thespeed=3 //Enter scroll speed in integer (Advised: 1-3)

var ieNOTopera=document.all&&navigator.userAgent.indexOf("Opera")==-1
var myspeed=0

var ieHoffset_extra=document.all? 15 : 0
var cross_obj=document.all? document.all.staticbuttons : document.getElementById? document.getElementById("staticbuttons") : document.staticbuttons

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function positionit(){
var dsocleft=document.all? iecompattest().scrollLeft : pageXOffset
var dsoctop=document.all? iecompattest().scrollTop : pageYOffset
var window_width=ieNOTopera? iecompattest().clientWidth+ieHoffset_extra : window.innerWidth+ieHoffset_extra
var window_height=ieNOTopera? iecompattest().clientHeight : window.innerHeight

if (document.all||document.getElementById){
cross_obj.style.left=parseInt(dsocleft)+parseInt(window_width)-Hoffset+"px"
cross_obj.style.top=dsoctop+parseInt(window_height)-Voffset+"px"
}
else if (document.layers){
cross_obj.left=dsocleft+window_width-Hoffset
cross_obj.top=dsoctop+window_height-Voffset
}
}

function scrollwindow(){
window.scrollBy(0,myspeed)
}

function initializeIT(){
positionit()
if (myspeed!=0){
scrollwindow()
}
}

if (document.all||document.getElementById||document.layers)
setInterval("initializeIT()",20)

</script>

 

jepp! men så er det sånn at jeg ikke skal skrolle HELE siden, jeg har en div som jeg har satt inn teksten i, og skal bare ha scrollbaren i den div dingsen..

 

åssen gjør jeg det? har prøvd og sette den inn i CSS style greia men det gikk jo rett vest..! har også prøvd og sette den inn i TD'n (som div tag'en ligger i..) men det gikk ikke an..

 

Mvh Anders!

 

Her er siden jeg lasta ned koden fra! Eksempel på scrollbaren er også der..

Og her er siden jeg driver og lager..

(drit i teksten som står der, er bare noe gammelt jeg kopierte fra en annen side..)

Endret av purken
Lenke til kommentar
Videoannonse
Annonse
Hvis du spurte HER så kanskje du ville fått svar?

Tviler jeg faktisk sterkt på. Tror det er best mulighet for å få svar på det området her.

 

Men jeg kan jo komme med mine to åf tåpikk øre:

Hva skal du med de knappene der, sån rent bortsett fra at det er 1337 h4xx0r wannabe som ser teit ut hvis javascript ikke er støttet? Kombinerer du det med å style rullatorene (rullator eier heise/scrollbar) usynlig for å få best effekt av knappene så blir siden din komplett ubrukelig hvis støtte for javascript mangler... Uansett senker det bruksvenligheten på siden din fordi du legger til et element som vanlige brukere ikke er vandt til.

Skal jeg engang begynne på hvor dårlig design det er med inline scroll tro? Har alt sagt det tre fire ganger idag, å jeg velger å ikke utdype :)

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...