Avatar billede prom Nybegynder
13. marts 2004 - 20:28 Der er 18 kommentarer og
2 løsninger

Scroll problemer i Mozilla og Opera

Er der nogen der kan forklare hvorfor Mozilla og Opera viser en scrollbar på denne side: http://www.mad-design.no/test/scroll-test.html

når IE ikke gør det?

prom
Avatar billede roenving Novice
13. marts 2004 - 20:33 #1
Hvis du kører den nedad vil du se forklaringen: at browser-billedet beregnes ud fra den fysiske størrelse, også selvom det ikke vises !-)
Avatar billede prom Nybegynder
13. marts 2004 - 20:39 #2
Hvorfor sker det ikke i IE?

prom
Avatar billede roenving Novice
13. marts 2004 - 20:43 #3
Der har du stillet et godt spørgsmål !-)
Avatar billede olebole Juniormester
13. marts 2004 - 21:18 #4
<ole>

Det er et gammelt dynamisk scroller-problem. Det skyldes positionerings-metoden, man vælger, for inner-div'et.
Prøv at give div'et 'divText' position:relative i stedet for position:absolute - så funker det nok uden scrollbar  ;o)

/mvh
</bole>
Avatar billede prom Nybegynder
13. marts 2004 - 21:41 #5
olobole - Ta den... Du er en stjerne... Kast et svar og du skal få nogle point!!!!

prom
Avatar billede prom Nybegynder
13. marts 2004 - 22:15 #6
Hmmm. Nu virker det fint i Mozilla: http://www.mad-design.no/test/scroll-test-ny.html men scrollbaren kommer stadig i Opera.
samtidig er der sket det at scroll-funktionen slet ikke virker i IE5-Mac.

Så det er vist ikke helt så lige til?!!

prom
Avatar billede olebole Juniormester
13. marts 2004 - 22:29 #7
Jo, hvis det var et godt script, så ville det ikke være så svært. Prøv denne:
  http://www.ghtml.com/showoff/scrollbar/index.html
Den blev oprindelig udviklet af Gert Jørgensen (geeeet på Eksperten) til nikefootball.com, men er også blevet brugt på en masse andre sider, lavet af Framfab.

Rod Morelos har på baggrund af den lavet et DHTML-lib, hvormed man bl.a. kan bygge nogle fine scrollers. Prøv at gå til:
  http://rod.rant-on.net/
... og kik under 'DHTML'. Der kan du både downloade scripts og se eksempler.
/mvh
Avatar billede olebole Juniormester
13. marts 2004 - 22:33 #8
Den første, jeg linkede til, er efterhånden halvgammel. Den har samme problem, men det kan du som sagt ordne ved at ændre på positioneringen.
Oprindelig lagde vi på Framfab altid siden i en iframe, når der var tale om Netscape - men Rod fandt på et tidspunkt løsningen med position  :)
/mvh
Avatar billede prom Nybegynder
13. marts 2004 - 23:11 #9
Eksemplerne opfører sig på samme måde som mit eksempel. Eksemplet fra ghtml.com virker kun tilsyneladende som det skal fordi at "owerflow" er sat til "hidden" i <body>.

Men ellers nogle fine scrollers fra rant-on.

prom
Avatar billede olebole Juniormester
13. marts 2004 - 23:53 #10
Nej, der tager du fejl  :)
overflow på body'en bør naturligvis sættes til 'hidden' - men det var heller ikke nok i NS6/Moz - derfor lagde vi dem som sagt i en iframe.

Hvis du kikker efter i Rod's lib og eksempler, vil du sikkert se, hans inner-div er relativt positioneret. Kopieret fra et ældre af hans libs:
  if (bw.ns6) oContent[i].css.position='relative'; // scrollbar hack for NS6
/mvh
Avatar billede mik789 Nybegynder
14. marts 2004 - 11:57 #11
olobole et.al.>jeg opretter lige et sp. for at få nogle kommentarer til Rod's script...
Avatar billede mik789 Nybegynder
14. marts 2004 - 12:21 #12
Avatar billede mik789 Nybegynder
14. marts 2004 - 14:02 #13
Bort set fra det er der flg. problem med Rods script: når man med browserens søgefunktion (Ctr-b i IE / Ctrl-f i Gecko) søger efter et ord i den skulte ende af teksten (dvs. overflowet), er det ikke muligt at scrolle op til toppen af teksten igen. Ikke så godt :-( Det er ærgeligt fordi det ellers er et super script.
Avatar billede olebole Juniormester
14. marts 2004 - 19:15 #14
Hmmmm .... gad vide, hvilken browser du taler om ...? I Moz og Opera scroller den ikke ned, når man søger på siden. I IE scroller den ned - dog uden scrollbaren følger med. Det forhindrer til gengæld ikke brugeren i at tage fat i scrollbaren og scrolle ned - hvorefter scrolleren igen virker.
Hvis du er så hysterisk med funktionalliteten, bør du nok glemme alt om dynamiske scrollere og bruge systemets egen ... eller du kan skrive en selv. Du finder ikke noget bedre på markedet  :)
/mvh
Avatar billede mik789 Nybegynder
14. marts 2004 - 20:51 #15
jeg forsøgte både med IE6 og Mozilla Firefox - samme resultat, dvs. også i min Mozilla Firefox scroller tekstne ned når man søger på noget i overflowet - dog uden at scrollbaren følger med (hvilket vel netop er problemet) - som du siger. Det er rigtigt at jeg herefter kan scrolle videre ned. Problemet er at jeg ikke kan scrolle op til toppen af teksten: nu kan der kun scrolles op så langt div'en rækker fra søgeordet, hvis du forstår...
Avatar billede mik789 Nybegynder
14. marts 2004 - 21:02 #16
olobole> njaa..., jeg er såmænd ikke så hysterisk, jeg synes faktisk det er et suverænt script, men jeg prøver også at finde ud hvor det har sine begrænsninger.
Avatar billede olebole Juniormester
14. marts 2004 - 21:41 #17
Ja, der manglede nok et par gåseøjne om 'hysterisk'  ;o)

Et af problemerne er, at browserne er ved at snuble over hinandens tæer for at komme med nye versioner af detaljerne i deres DOM-ECMA bindings, m.m. Derfor er der næsten for hver eneste nye version (og nogle gange for hver ny build) et eller flere 'hacks', der skal ændres.
Vi befinder os (heldigvis og desværre) på computer- og web-teknologiernes ble-stadie, så derfor hagler ændringerne ned over os i et hæsblæsende tempo - og derfor vil der hele tiden være småfejl og mangler i den slags mere komplekse DHTML-løsninger ... i hvert fald, hvis de er mere end tre timer gamle  :)
/mvh
Avatar billede prom Nybegynder
12. april 2004 - 23:39 #18
Lukker.

- prom
Avatar billede prom Nybegynder
05. maj 2004 - 18:57 #19
Hvis der skal deles points skal der lægges et par svar :)

- prom
Avatar billede olebole Juniormester
05. maj 2004 - 20:52 #20
... lagt  :)
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