Archief - body overflow hidden

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

Drone

Legacy Member
Hallo,
ik heb het volgende probleem: ik zou graag de default scrollbar van mijn browser weg doen. Nu met html, body{ overflow: hidden; } lukt dit wel maar ik zou dan op mijn content container een scrollbar willen hebben zoals google docs.

Bij google docs krijg je een scrollbar op de file container als niet alle files op het scherm kunnen. Op deze manier zijn alle functies altijd aanwezig op het scherm (new, delete, share,...). Ik denk dat ze het bij google met tables doen maar is niet direct de gemakkelijkste html code om uit te pluizen.

Dus zou er iemand mij kunnen helpen of in de juiste richting sturen? Als het niet duidelijk is wat ik bedoel kan ik altijd een paar screenshots tonen.

Curahee Q

Legacy Member
Ik ben er niet zo voor om de standaard scrollbar weg te toveren. Bij mij moet een scrollbar staan op de plaats dat hij moet staan, nergens anders.

Al eens naar position: fixed; gekeken? Dan blijven die elementen gewoon staan ook al scroll je.

dJeez

Legacy Member
Zet op die container dan een vaste hoogte en overflow: auto, dan verschijnt de scrollbar ook enkel indien nodig.

Drone

Legacy Member
De pagina zou het scherm altijd moeten vullen. Je zou het een beetje kunnen vergelijken met frames. Dus bovenaan kom er een frame met alle acties (del, edit, insert) en daar onder een frame dat all items weergeeft met een scrollbar indien nodig. Ik zou het graag zo hebben omdat je op die manier altijd alle acties kan zien. Dus bv als er 150 items zijn dat je niet naar beneden moet scrollen om een items te selecteren en dan terug naar boven scrollen om het te deleten.

dJeez

Legacy Member
Dan geef je die container via javascript toch gewoon de hoogte van het window min de hoogte van het deel dat je vast wil laten staan (en koppel je dat ook aan het window resize event). Ik zie niet in wat het probleem is.

Drone

Legacy Member
Om het zo te doen via javascript is geen probleem maar het zou toch ook mogelijk moeten zijn via css/html.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan