[javascript] scrollbar detectie - Softwareontwikkeling

vrijdag 12 december 2003 17:11

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?)

vrijdag 12 december 2003 17:16

Acties:

crisp

Devver

Pixelated

Je zou met het onscroll event kunnen werken

Intentionally left blank

vrijdag 12 december 2003 17:25

Acties:

Verwijderd

Topicstarter

Zou dit dan moeten werken?

code:

<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 ]

vrijdag 12 december 2003 17:27

Acties:

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

vrijdag 12 december 2003 17:30

Acties:

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

vrijdag 12 december 2003 17:40

Acties:

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...

vrijdag 12 december 2003 17:43

Acties:

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)

vrijdag 12 december 2003 17:58

Acties:

.oisyn

Moderator Devschuur®

Demotivational Speaker

P&W FAQ - HTML / javascript / css, etc...

PW -> WG

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.

vrijdag 12 december 2003 18:33

Acties:

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.

vrijdag 12 december 2003 19:17

Acties:

André

Analytics dude

JavaScript:

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

vrijdag 12 december 2003 19:32

Acties:

crisp

Devver

Pixelated

André schreef op 12 december 2003 @ 19:17:

JavaScript:

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

vrijdag 12 december 2003 20:42

Acties:

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 ]

zaterdag 13 december 2003 13:25

Acties:

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

Reageer