Toon posts:

Scrolling text scrollt te ver?! met div scroller

Pagina: 1
Acties:

Verwijderd

Topicstarter
Hoi,

Ik ben bezig met een javascript scroller die gemaakt is met behulp van layers. (Volgensmij is het een aftreksel van clays scroller)

Ik heb alleen een probleemje waar ik niet uitkom. Als ik de laatste regel tekst in de scroller zet die moet worden weergegeven dan scrollt de scroller nog een heel stuk verder door naar boven zodat ik een wit vlak over hou.
Ik heb al van alles geprobeerd maar kom der niet uit :(

Hebben jullie misschien een oplossing?

Hier de link naar de scroller

http://130.89.163.64/test2/testje.htm

alvast bedankt

  • Pelle
  • Registratie: Januari 2001
  • Laatst online: 22:33

Pelle

🚴‍♂️

Ik heb 2 suggesties:
* De maker(s) contacten met de vraag of ze er een oplossing voor hebben.
* Zelf JS gaan leren.

Tips:
Lees de hoogte van je textlayer uit (offsetHeight), de hoogte van je cliplayer, en bereken de waarde die de top-coordinaat van je text-layer maximaal mag hebben door topCoordinaatClipLayer - (hoogteTextLayer - hoogteClipLayer).

Verwijderd

Gewoon je monitor op een paar blokken zetten.

Rick

  • André
  • Registratie: Maart 2002
  • Laatst online: 02-09 13:14

André

Analytics dude

Op maandag 08 juli 2002 15:59 schreef Rick1983 het volgende:
Gewoon je monitor op een paar blokken zetten.

Rick
Zo...
Dus nieuw...

Lees graag even de FAQ (zie sig)

Verwijderd

Topicstarter
sja ik ben idd aan het kloten geweest met posities en absolute waarden maargoed hij scrollt nog steeds te ver :(

en ja.. op een paar blokken zetten?! dacht het niet

  • Clay
  • Registratie: Oktober 1999
  • Laatst online: 22-06 13:51

Clay

cookie erbij?

afstand die je kan scrollen =

(hoogte van content) - (hoogte van zichtbare deel)

en kijk uit voor afrondingsfouten :)
In de allereerste versie van een scrollbar die ik ooit maakte zat een afrondingsfout. met hele lange teksten kwam je in de problemen.

Instagram | Flickr | "Let my music become battle cries" - Frédéric Chopin


  • teacher
  • Registratie: September 2001
  • Laatst online: 23:28

teacher

Frontpage Admin / Global Moderator

Dysgaf!

en als je die 628 een beetje aanpast?
code:
1
2
3
<div id=textlayer style="Z-INDEX: 1; LEFT: 0px;
 OVERFLOW: hidden; WIDTH: 630px; POSITION: absolute; 
TOP: 0px; height: 628px">

Wise enough to play the fool


Verwijderd

Topicstarter
nee als ik die 628 aanpas dan laat hij gewoon een deel van de tekst niet meer zien (hij scrollt nog steeds te ver dan)

en clay:

als ik de tekst korter maak dan blijft de afstand nog steeds even groot.. :(

Verwijderd

Op maandag 08 juli 2002 15:59 schreef Rick1983 het volgende:
Gewoon je monitor op een paar blokken zetten.

Rick
Sorry hoor... maaar heb jij dan echt nix beters te zeggen?!?!?!?!?!?!

  • teacher
  • Registratie: September 2001
  • Laatst online: 23:28

teacher

Frontpage Admin / Global Moderator

Dysgaf!

ik heb zo'n beetje alle vars veranderd (ook in master.js) maar hij stopt elke keer op het hetzelfde punt...

I give up...

Wise enough to play the fool


  • Clay
  • Registratie: Oktober 1999
  • Laatst online: 22-06 13:51

Clay

cookie erbij?

Ah, :)

Je moet geen height opgeven voor je textlayer, alleen een width. Anders krijg je bij het opvragen van de height de opgegeven height terug, en je wil juist die van de tekst die erin zit.
Overigens is het handiger die style in je stylesheet de defineren.
code:
1
2
3
4
5
6
7
8
9
<style type="text/css">
#divId   { position:blah.... }
</style>

met

<div id="divId">
fiets.
</div>

da's wat generieker, overzichtelijker en handiger.

Instagram | Flickr | "Let my music become battle cries" - Frédéric Chopin

Pagina: 1