layer laten staan in hoekje bij scrollen pagina

[Verwijderd]

Kan je ervoor zorgen dat een layer blijft staan als de pagina scrollt? dattie dus NIET meescrollt?
het lukt niet met relative in ieder geval.

[crisp]

Normaal zo:

HTML:

<div style="position:fixed;top:10px;left:10px">Staan blijven!</div>

alleen wil IE daar nog niet aan. In dat geval zou je kunnen overwegen om je content in een scrollable layer te zetten, of de div onScroll mbv een javascriptje elke keer te herpositioneren.

[Verwijderd]

oh
ie dus niet.
dat is behoorlijk vervelend!

[RM-rf]

ie kent wel het onscroll event, en hiermee kun je de gescrollde afstand opvangen: document.body.scrollTop

onscroll tel je gewoon die waarde op bij de top-positie, blijft schokkend (onscroll wordt pas ná de scroll geactiveerd en niet tijdens) maar beter dan niks.

[Verwijderd]

in de HEAD

code:

<script language="JavaScript">
<!--
var ie4 = (document.all)? true:false;
var ns4 = (document.layers)? true:false;
 
//lijst met name van layers die moeten blijven stilstaan
var scrollyrs = new Array('Layer1');
 
var lyrcall = (ie4)? 'document.all.':'document.layers.';
var pixtop = (ie4)? '.style.pixelTop':'.top';
 
var yScroll = new Array();
 
function initScroll()
{ for(var i=0; i<scrollyrs.length; i++)
{ eval('yScroll['+i+'] ='+lyrcall + scrollyrs[0] + pixtop);
}
 
setInterval("checkScroll()",10);
}
 
function checkScroll()
{ for(var i=0; i<scrollyrs.length; i++)
{ eval(lyrcall + scrollyrs[0] + pixtop + '= yScroll['+i+'] + getScroll()');
}
}
 
function getScroll() 
{ if (ns4) return(window.pageYOffset);
if (ie4) return(document.body.scrollTop);
 
return(-1);
}
//-->
</script>

IN DE BODY

code:

onload="initScroll();"

't is niet echt een beauty, maar het werkt (in IE, en Netscape, waarschijnlijk niet in andere prutsbrowser die niemand gebruikt NFI RM-rf )

[Pelle]

Ej Lotte

Ben jij vergeten wat voor topics jij in het verleden opende?

[rml][ html/javascript/dhtml/layers] ronde hoekjes[/rml]

[DeFeCt]

Ga je geocities nabouwen? Daar doen ze dat toch ook met hun commercials?

[Verwijderd]

we zijn leuk!
gevonden zelf ook:
http://www.siteexperts.com/dhtmllib/demos/float/page1.asp
en dat werkt!

[RM-rf]

Verwijderd schreef op 30 augustus 2002 @ 15:40:

't is niet echt een beauty, maar het werkt.

Dàt valt nog te betwijfelen, dit zal niks doen ik mozilla en Konqueror, en voor Opera valt het te betwijfelen;
verder werkt het erg onpraktisch met die setInterval, je hebt dan een constant draaiende interval functie die uitgevoerd word ook als er niks gescrolled wordt, zonder van je CPU.

misschien dat ns4x niet anders kan, maar msie kan beter, en mozilla/opera/konqueror zeker: door de eerder genoemde fixed positioning; en ook al ondersteund msie het niet, het negeert gewoon de propertie; je kunt dus

code:

#element
{
   position: absolute;
   position: fixed;
}

doen; msie default dan naar de eerste propertie terwijl UA's die fixed ondersteunen dat toepassen

[Dark Blue]

Verwijderd schreef op 30 augustus 2002 @ 16:12:

offtopic:
Ben je naar de kapper geweest?

[Verwijderd]

neen. had een persoonlijkheidsstoornisje

[crisp]

Het mooist lijkt me toch dat je je content in een scrollable div zet, en de scrolling van je body disabled. Alle moderne browsers kunnen hiermee overweg. Alleen voor NS4 zou je eigenlijk met een positionerings-scriptje moeten werken...

[Verwijderd]

ehm.
moet je even kijken op http://www.lotteiship.nl/pasdig1.html dat gaat dus niet werken.

[Verwijderd]

double

[crisp]

Verwijderd schreef op 31 augustus 2002 @ 14:35:
ehm.
moet je even kijken op http://www.lotteiship.nl/pasdig1.html dat gaat dus niet werken.

Begin dan ook eens met een simpel voorbeeld, als ik me door deze brei heen moet gaan worstelen ben ik morgen nog bezig
_{ik maak straks wel even een simpel voorbeeldje...}

[Verwijderd]

hehe maar het moet dus op die pagina passen.
maar wat ik nu heb werkt wel.. 't schokt alleen een beetje

[crisp]

Ik heb hier een voorbeeldje online staan waar een div links van de text blijft staan terwijl je de content scrolled. Zou moeten werken in IE5+ en Mozilla/NS6 zonder schokken.

[Verwijderd]

document.getElementById('content').style.width = document.body.clientWidth - 100;
document.getElementById('content').style.height = document.body.clientHeight;
document.getElementById('content').style.overflow = 'auto';
en dat betekent dus dat ik dat bij al mijn layers moet aangeven...

[ Voor 0% gewijzigd door Verwijderd op 31-08-2002 16:36 . Reden: werkt niet in netscape ]

[crisp]

Verwijderd schreef op 31 augustus 2002 @ 16:36:
document.getElementById('content').style.width = document.body.clientWidth - 100;
document.getElementById('content').style.height = document.body.clientHeight;
document.getElementById('content').style.overflow = 'auto';
en dat betekent dus dat ik dat bij al mijn layers moet aangeven...

Nee, je maakt 1 alles-omvattende layer waarin je 'scrollable' content staat (dus al je andere layers die wel moeten scrollen).
De layers die 'fixed' moeten blijven laat je erbuiten.

[Verwijderd]

het werkt toch niet in NS

[crisp]

Verwijderd schreef op 31 augustus 2002 @ 18:19:
het werkt toch niet in NS

Welke?

[Verwijderd]

de uwe

[crisp]

Verwijderd schreef op 31 augustus 2002 @ 19:22:
de uwe

1) ik ben geen U
2) ik gebruik Mozilla als reference, in dit geval dus Mozilla 1.0, wat gelijk is aan NS7

[Verwijderd]

ja. maar dat heef tnog bijna niemand
in 4.5 en 6 werktie niet.
maar dat maakt niet uit, want ik had er al eentje die wel werkt.
maar toch bedankt voor het proberen

[Grom]

Verrassend site concept http://www.lotteiship.nl/pasdig1.html en mooie dingen die je maakt imo.
Maar:
- Jouw oplossing voor het menu werkt niet op 800x600.
- In NS6.2.1 blijft het menu niet staan
Nb.
- NS 4.5 heeft bijna niemand meer.
- De oplossing van crisp werkt bij mij wel in NS6+
- Je zou met die oplossing van crisp de layer nog drag en drop kunnen maken (gebruikersvriendelijkere navigatie).

[Verwijderd]

ja. ik heb mijn site voor grote monitorenmensen gemaakt.

hmm. over de rest zal ik nog even denken

[Grom]

Even ter overweging:
Je maakt je site voor grote monitorenmensen. Daar is niet mis mee als je er zeker van bent dat het merendeel van je bezoekers daar aan voldoet maar de statistieken geven weer dat ca 50% van de i-netters nog op 800x600 navigeert.
Desalniettemin imo ietwat in tegenstelling met je argument dat het idee van crisp niet in NS4.5 werkt (waarschijnlijk <1% van je bezoekers).
Nogmaals nofi maar ik vind dat je (web)werk een betere lijst verdient.

[Verwijderd]

ja maar
ik heb geen zin om voor kleine kutschermpjes te ontwerpen en ik heb besloten dat ik daarom fijn alleen maar voor 1024 ontwerp.. en dan ook nog op een onmogelijke verhouding (900x550).. en aangezien mijn ontwerp toch niet uservriendelijk is.. ben ik lekker arrogant en maak het niet superklein voor die 3%onhippe mensen die toch niet geinteresseerd zijn in mijn site en mijzelf, anders hadden ze wel een hogere resolutie.
punt.
verder:

ik ga even kijken naar de implementatie van crisps idee

[Grom]

Verwijderd schreef op 01 september 2002 @ 21:55:
voor die 3%onhippe mensen die toch niet geinteresseerd zijn in mijn site en mijzelf, anders hadden ze wel een hogere resolutie.
punt.

Lol
Het digitale tijperk: interesse/waardering wordt gemeten met de monitorresolutie.

/me Grom blijft gewoon analoog.
Geen punt