Avatar billede hmm10 Nybegynder
08. februar 2005 - 22:18 Der er 12 kommentarer og
1 løsning

#punkt-effect i div

Hej!

Som alle ved kan man i et window lave et punkt med #punkt1, hvorefter browseren finder #punkt1 i html'en og kører ned dertil..

Nu har jeg så kun en <div></div> med en scroll nedaf. Men jeg så gerne, at jeg kunne angive en "værdi", så man ikke skal sidde og scroll'e ned hver gang siden loades. Kan man det? evt. via javascript?

(Ja, man kan benytte en iframe, men det skaber bare mere rod end gavn)
Avatar billede olebole Juniormester
08. februar 2005 - 22:28 #1
<ole>

I dette tilfælde gælder det stik modsatte, da det ikke lader sig løse i et div  :)

/mvh
</bole>
Avatar billede hmm10 Nybegynder
08. februar 2005 - 23:57 #2
Man kan scroll'e i en div via javascript - mon ikke man også kan fastlægge en 'height' værdig i px, som den skal "hoppe" nedaf?
Avatar billede olebole Juniormester
09. februar 2005 - 00:27 #3
Nej  :)
Avatar billede olebole Juniormester
09. februar 2005 - 00:30 #4
... så bliver det i hvert fald lidt af en mother, hvis det skal virke ordentligt i forskellige browsere - og der evt. skal tages højde for sære kodevaner (og det siger erfaringen her fra E, der som oftest skal)  ;o)
Avatar billede olebole Juniormester
09. februar 2005 - 00:45 #5
Hmmm ... fik zq lige en idé. Jeg tester lige og vender tilbage  :)
Avatar billede olebole Juniormester
09. februar 2005 - 02:25 #6
Det lykkedes zq  :)
  http://tjenester.dk/x-codes.dk/eksperten/scroll_anchor/

Det er vigtigt (af hensyn til Mozilla'er), at der står mindst ét tegn i dit anker:
  <a name="etNavn">D</a>ette er f.eks. en linie med et anker ...
Avatar billede hmm10 Nybegynder
10. februar 2005 - 18:14 #7
Hvor er det kanon :) Kan man udbygge den lidt så man kan putte php ind i det, og så man droppen #LinieXX? (PHP'en skal jeg nok selv stå for) Så den bare scroll'er ned til fx. <a name="ScrollTo">X</a>

<div id="scroller">
    1 jk jlk jlk jlk jlk jlkj lkj lkj lkjl kjlk jlkj<br>
    2 jk jlk jlk jlk jlk jlkj lkj lkj lkjl kjlk jlkj<br>
    3 jk jlk jlk jlk jlk jlkj lkj lkj lkjl kjlk jlkj<br>
    4 jk jlk jlk jlk jlk jlkj lkj lkj lkjl kjlk jlkj<br>
    5 jk jlk jlk jlk jlk jlkj lkj lkj lkjl kjlk jlkj<br>
    <a name="ScrollTo">6</a> jk jlk jlk jlk jlk jlkj lkj lkj lkjl kjlk jlkj<br>
    7 jk jlk jlk jlk jlk jlkj lkj lkj lkjl kjlk jlkj<br>
    8 jk jlk jlk jlk jlk jlkj lkj lkj lkjl kjlk jlkj<br>
    9 jk jlk jlk jlk jlk jlkj lkj lkj lkjl kjlk jlkj<br>
    10 jk jlk jlk jlk jlk jlkj lkj lkj lkjl kjlk jlkj<br>
</div>

(Jeg smider gerne flere points ud :))
Avatar billede olebole Juniormester
10. februar 2005 - 19:24 #8
Så ændrer du onload-handleren til:

window.onload = function() {
    var scrlTop;
    scrlTop = document.getElementsByName("ScrollTo")[0].offsetTop;
    setTimeout("scrTo("+scrlTop+")", 10);
}
Avatar billede olebole Juniormester
10. februar 2005 - 19:28 #9
... og en anelse af en fluelort hurtigere, hvis du skriver:
  <a id="ScrollTo">6</a>
- og:

window.onload = function() {
    var scrlTop;
    scrlTop = document.getElementById("ScrollTo").offsetTop;
    setTimeout("scrTo("+scrlTop+")", 10);
}
Avatar billede hmm10 Nybegynder
10. februar 2005 - 23:04 #10
Smid et svar olebole :)
Avatar billede hmm10 Nybegynder
01. marts 2005 - 09:11 #11
olebole !
Avatar billede hmm10 Nybegynder
11. oktober 2005 - 09:46 #12
Så er det sidste change olebole, har ventet i 7½ måned snart !
Avatar billede hmm10 Nybegynder
21. februar 2006 - 15:33 #13
lukker
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester