Toon posts:

[javascript] scrollbar detectie

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik zoek iets om te voorkomen dat op elke pagina (in een frame) de 'terug naar boven'-knop verschijnt.

Nu had ik bedacht dat dit eventueel zou kunnen dat als de browser een scrollbar maakt, doordat de content langer is dan het frame waar deze in zit, via een javascript de code voor de 'terug naar boven'-knop verschijnt.

Is dit te doen? En zo ja, hoe :)

(Misschien iets met: ScrollPosition ofzo?)

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 15:55

crisp

Devver

Pixelated

Je zou met het onscroll event kunnen werken :)

Intentionally left blank


Verwijderd

Topicstarter
Zou dit dan moeten werken?

code:
1
2
3
4
5
<script for="document" event="onscroll">
document.write("<a href='#top'><img src='terug.jpg' width='126'
height='15' border='0'></a>");
return true;
</script>

[ Voor 32% gewijzigd door Verwijderd op 12-12-2003 17:26 ]


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 15:55

crisp

Devver

Pixelated

da's serverside Jscript; daar heb je niet veel aan; tevens kan je na het renderen van de pagina geen document.write's meer doen - je zult dan bijvoorbeeld een style property moeten wijzigen (visibility of display bijvoorbeeld):

HTML:
1
<body onscroll="document.getElementById('plaatje').style.visibility='visible'">


13373 clientside dingen horen trouwens in Webdesign & Graphics ;)

[ Voor 28% gewijzigd door crisp op 12-12-2003 17:29 ]

Intentionally left blank


Verwijderd

je kan het atribuut scrollHeight opvragen van de body of een object,

zodra die groter is als het scherm of frame kan je die button dus laten verschijnen

Verwijderd

Topicstarter
crisp schreef op 12 december 2003 @ 17:27:

HTML:
1
<body onscroll="document.getElementById('plaatje').style.visibility='visible'">
Als ik dit gebruik, laat hij het plaatje gewoon altijd zien...

Verwijderd

Topicstarter
Verwijderd schreef op 12 december 2003 @ 17:30:
je kan het atribuut scrollHeight opvragen van de body of een object,

zodra die groter is als het scherm of frame kan je die button dus laten verschijnen
de hoogte van het frame waarin die knop komt is variabel. Dus dan zou bij hogere resoluties die knop ook altijd te zien zijn lijkt me? (of zie ik het even verkeerd) ;)

  • .oisyn
  • Registratie: September 2000
  • Laatst online: 15:32

.oisyn

Moderator Devschuur®

Demotivational Speaker

Give a man a game and he'll have fun for a day. Teach a man to make games and he'll never have fun again.


Verwijderd

Topicstarter
Goed ik heb nu al een aantal dingen geprobeerd, maar het lukt me nog steeds niet. Graag wil ik dit wel op lossen, kan iemand me misschien een beetje op weg helpen... want heb nu nog geen idee hoe ik dit moet gaan -solven-. :)

getElementbyID werkt niet met onscroll event in de body.
en de scrollheight weet ik met een variable height dan ook niet echt toe te passen, aangezien de content van die frames ook variabel is.


Het probleem dus is heel simpel: hoe krijg ik die knop 'back to top' op een pagina die op gebruikersniveau een scrollbar laat zien.

  • André
  • Registratie: Maart 2002
  • Laatst online: 26-05 00:33

André

Analytics dude

JavaScript:
1
2
3
4
if (document.body.scrollHeight > document.body.offsetHeight)
{
  document.write("<a href='javascript:window.scrollTo(0,0)'>Top</a>");
}

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 15:55

crisp

Devver

Pixelated

André schreef op 12 december 2003 @ 19:17:
JavaScript:
1
2
3
4
if (document.body.scrollHeight > document.body.offsetHeight)
{
  document.write("<a href='javascript:window.scrollTo(0,0)'>Top</a>");
}
kan je de scrollheight wel bepalen als de body nog niet afgesloten is? Persoonlijk vind ik zo'n image pas laten zien als er ook daadwerkelijk gescrolled is een mooiere oplossing :)

Intentionally left blank


  • André
  • Registratie: Maart 2002
  • Laatst online: 26-05 00:33

André

Analytics dude

crisp schreef op 12 december 2003 @ 19:32:
[...]

kan je de scrollheight wel bepalen als de body nog niet afgesloten is? Persoonlijk vind ik zo'n image pas laten zien als er ook daadwerkelijk gescrolled is een mooiere oplossing :)
Hmm, daar zit wat in.

Ik heb op het intranet in ons bedrijf (100% IE6) een scriptje gemaakt dat automatisch zo'n topknop aan een pagina toevoegt (insertAdjacentHTML na onload) op het moment dat er een scrollbar staat. In de header staat gewoon:
HTML:
1
<script type="text/javascript" src="http://intranet/topknop.js"></script>

[ Voor 6% gewijzigd door André op 12-12-2003 20:43 ]


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 15:55

crisp

Devver

Pixelated

In de GoT tracker check ik onload wel de clientHeight t.o.v. de scrollHeight voor de DHTML scrollbars, maar dat doe ik ook onload.

Intentionally left blank

Pagina: 1