HighDots Forums  

position:fixed

Javascript (German) Programmiersprache JavaScript. (de.comp.lang.javascript)


Discuss position:fixed in the Javascript (German) forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Axel Berger
 
Posts: n/a

Default position:fixed - 10-15-2007 , 12:17 AM






In einem ganz konventionellen Layout - Navileiste links - schalte ich
per script auf position:fixed um und der Leser kann am Ende der Seite
navigieren, ohne zurück nach oben zu scrollen.
Das setzt natürlich zwei Dinge voraus:
a) Das Fenster ist hoch genug um mit der vom Leser gewählten
Schriftgröße ohne Scrollen die untersten Menüpunkte zu erreichen.
b) Das Fenster ist breiter als die Mindestbreite und es gibt kein
horizontales Scrolling.

Ich bilde deshalb onload und onresize die Quotienten aus Fensterhöhe
und Schriftgröße und aus Fensterbreite und Schriftgröße und schalte nur
um, wenn beide größer als eine Schwelle sind. Ein kleines Problem
bleibt:
Nutzer großer Schrift werden im Vollbild browsen, also fällt onresize
aus. Wenn sie jetzt mit <Ctrl><+> o.ä. die Schrift vergrößern läuft des
Script erst beim nächsten Seitenwechsel oder Reload.
Gibt es eine Möglichkeit, auch bei Schriftgrößenänderung ein Event zu
triggern?

--
Danke
Axel


Reply With Quote
  #2  
Old   
Thomas 'PointedEars' Lahn
 
Posts: n/a

Default Re: position:fixed - 10-15-2007 , 02:01 PM






Axel Berger wrote:
Quote:
In einem ganz konventionellen Layout - Navileiste links - schalte ich
per script auf position:fixed um und der Leser kann am Ende der Seite
navigieren, ohne zurück nach oben zu scrollen.
Das setzt natürlich zwei Dinge voraus:
a) Das Fenster ist hoch genug um mit der vom Leser gewählten
Schriftgröße ohne Scrollen die untersten Menüpunkte zu erreichen.
b) Das Fenster ist breiter als die Mindestbreite und es gibt kein
horizontales Scrolling.
Und wie navigieren Nutzer mit aktiviertem Script-Support, wo aber position =
"fixed" nicht unterstützt wird (was Du nicht zuverlässig testen kannst)?

Quote:
Ich bilde deshalb onload und onresize die Quotienten aus Fensterhöhe
und Schriftgröße und aus Fensterbreite und Schriftgröße und schalte nur
um, wenn beide größer als eine Schwelle sind.
Diese Berechnung bzw. diese Schwelle würde ich gern mal sehen. Ich vermute
nämlich, dass Du dabei verschiedene Aspekte nicht berücksichtigt hast.

Quote:
Ein kleines Problem bleibt:
Nutzer großer Schrift werden im Vollbild browsen,
Wie kommst Du auf dies' schmale Brett?

Quote:
also fällt onresize aus.
Unlogisch.

Quote:
Wenn sie jetzt mit <Ctrl><+> o.ä. die Schrift vergrößern läuft des
Script erst beim nächsten Seitenwechsel oder Reload.
Gibt es eine Möglichkeit, auch bei Schriftgrößenänderung ein Event zu
triggern?
Nein, aber Du kannst Mouse- und Keyboard-Events behandeln.


PointedEars


Reply With Quote
  #3  
Old   
Axel Berger
 
Posts: n/a

Default Re: position:fixed - 10-18-2007 , 07:19 PM



*Thomas 'PointedEars' Lahn* wrote on Mon, 07-10-15 21:01:
Quote:
wo aber position = "fixed" nicht unterstützt wird
Das ist vollkommen harmlos. Ein Problem gibt es nur MIT fixed, wenn
Teile des Menüs neben dem Bildschirm oder über anderen Inhalten stehen.
Default im CSS ist natürlich relative, fixed wird nur eingeschaltet
wenn alle Voraussetzungen erfüllt sind.

Quote:
Diese Berechnung bzw. diese Schwelle würde ich gern mal sehen. Ich
vermute nämlich, dass Du dabei verschiedene Aspekte nicht berücksichtigt
hast.
Welche? Ich kenne mein selbstgeschriebenes Menü und dessen Größe in em.
Ich frage an, wie groß em ist und wie groß das Fenster ist. Was mehr
sollte ich wissen müssen?

Quote:
Wie kommst Du auf dies' schmale Brett?
OK, Du hast Recht. Wer große Schrift einstellt macht passend dazu sein
Fenster klein, dann kann er wunderbar in alle Richtungen hin und
herscrollen und überblickt garnichts mehr.

Quote:
Nein, aber Du kannst Mouse- und Keyboard-Events behandeln.
Stimmt. Das möchte ich nicht, weil dann die Routine unnötig viel zu oft
liefe, aber möglich wäre es.

--
Tschö wa
Axel



Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.