Div scrollen zonder scrollbalk

[Verwijderd]

Ik ben bezig met een kleine website, deze website heeft een vaste afmeting. ik gebruik verschillende div's. nu wil ik de div met de content laten scrollen dmv een mouseover op 2 plaatjes. ik wil geen gebruik maken van de standaard scrollbalk. weet iemand hoe ik dit kan aanpakken of heeft iemand een voorbeeldje?

[faabman]

[google=dhtml scroller]

is overigens ook al regelmatig op het forum langs geweest, met de search zul je ook wel een en ander vinden...

[ Voor 72% gewijzigd door faabman op 24-08-2004 17:43 ]

[SchizoDuckie]

even een usability tip: meestal vind ik dit soort scroll scriptjes SUPER irritant als wat gevordede internet gebruiker... (ik wil scrollen zo snel als ik zelf wil, niet zo snel/traag als het scriptje voroschrijft)

[--MeAngry--]

Papa Eend schreef op 24 augustus 2004 @ 17:46:
even een usability tip: meestal vind ik dit soort scroll scriptjes SUPER irritant als wat gevordede internet gebruiker... (ik wil scrollen zo snel als ik zelf wil, niet zo snel/traag als het scriptje voroschrijft)

Inderaad, ik ben het eens met Papa Eend, op de IIyama site is dit bijvoorbeeld ook het geval en het irriteert me echt mateloos. Ik zou het zelf nooit gebruiken op een website in ieder geval.

[Verwijderd]

hartelijk dank voor de reacties, uit het oogpunt van usibility is een dergelijke scroller niet echt bevorderend. deze pagina maak ik ook uit het oogpunt van design.

[Verwijderd]

O, dus de informatie erin is irrelevant?

[Luxx]

Ik heb het werkend gekregen, volgende functies heb ik gebruikt:

code:

<script language="Javascript" type="text/javascript">
var scrolling = false;
function scroll(by, naamscrolldiv) 
{
    if (scrolling) stopscroll();
    scrolldiv=naamscrolldiv;
    scrolling = setInterval('doscroll('+by+',scrolldiv)', 100);
}

function stopscroll(by)
{
    if (scrolling) clearInterval(scrolling);
    scrolling = false;
}

function doscroll(by,scrolldiv) 
{
    var curtop = parseInt(document.getElementById(scrolldiv).style.top, 10);
    curtop += by;
    document.getElementById(scrolldiv).style.top = curtop + 'px';
}
</script>

en dan 2 div's in elkaar plaatsen, zodat je de ene onder de andere door scrolt. De overflow natuurlijk niet laten zien:

code:

<div id="containerdiv" class="containerdiv"; overflow:hidden; align:left">
<div id="divje" style="position:absolute; top:0px">Te scrollen content</div></div>

en dan ergens anders, zodat ze altijd in beeld staan:

code:

[img]"down.gif"[/img]
[img]"up.gif"[/img]

Ohja, bij mij werkte het in mozilla, opera en in IE, er stond noge en heel verhaal PHP door deze code heen, dat er voor zogde dat het met meerdere div's tegelijk werkte en dynamische content had. Ook deed het nog iets met wisselende Z-indexes, waardoor dat steeds anders over elkaar viel. daardoor kan er dus een foutje in zitten, dus dat heb ik er even uitgestript.

[ Voor 16% gewijzigd door Luxx op 24-08-2004 18:52 ]

[Verwijderd]

Luxx schreef op 24 augustus 2004 @ 18:50:
Ik heb het werkend gekregen, volgende functies heb ik gebruikt:

code:

<script language="Javascript" type="text/javascript">
var scrolling = false;
function scroll(by, naamscrolldiv) 
{
    if (scrolling) stopscroll();
    scrolldiv=naamscrolldiv;
    scrolling = setInterval('doscroll('+by+',scrolldiv)', 100);
}

function stopscroll(by)
{
    if (scrolling) clearInterval(scrolling);
    scrolling = false;
}

function doscroll(by,scrolldiv) 
{
    var curtop = parseInt(document.getElementById(scrolldiv).style.top, 10);
    curtop += by;
    document.getElementById(scrolldiv).style.top = curtop + 'px';
}
</script>

en dan 2 div's in elkaar plaatsen, zodat je de ene onder de andere door scrolt. De overflow natuurlijk niet laten zien:

code:

<div id="containerdiv" class="containerdiv"; overflow:hidden; align:left">
<div id="divje" style="position:absolute; top:0px">Te scrollen content</div></div>

en dan ergens anders, zodat ze altijd in beeld staan:

code:

[img]"down.gif"[/img]
[img]"up.gif"[/img]

Ohja, bij mij werkte het in mozilla, opera en in IE, er stond noge en heel verhaal PHP door deze code heen, dat er voor zogde dat het met meerdere div's tegelijk werkte en dynamische content had. Ook deed het nog iets met wisselende Z-indexes, waardoor dat steeds anders over elkaar viel. daardoor kan er dus een foutje in zitten, dus dat heb ik er even uitgestript.

hartelijk dank, na de reinstall van mn laptop zal ik er eens mee aan de slag gaan!

[Pelle]

Dit soort dingen zijn makkelijk met Google of de search te vinden