div mit unterschiedlichen Positionsarten

emmis · #1 (**permalink**) 03.12.2010, 13:28

Hallo Forum,

ich suche eine Möglichkeit ein DIV analog overflow-x und overflow-y in x- und y-Richtung unterschiedllich zu positionieren.

Sprich: scrollt man in x-Richtung, soll das DIV da bleiben wo es ist und nur in y-Richtung mitscrollen.
-> in x-Richtung: position: fixed;
-> in y-Richtung: position: absolut;

ich habe zwar eine Javascriptlösung ... aber die ist nicht besonders schön.

Vielen Dank für Eure Gedanken!

zeji · #2 (**permalink**) 03.12.2010, 14:10

IMHO wirst du da mit CSS nicht viel ausrichten können. Wirst wohl auf jeden Fall Javascript brauchen.

geht z.b. mit jQuery .scrollLeft() und .scrollTop() in Verbindung mit einer if-Anweisung...

Zitat:

$(window).scroll(function(){
if($(this).scrollLeft() > 0){
$('.div').css({"position":"fixed"})
};
if($(this).scrollTop() > 0){
$('.div').css({"position":"absolute"})
};
});

emha · #3 (**permalink**) 03.12.2010, 19:21

Stimme zeji zu, mit CSS wird das nix werden, wenn, dann mit Javascript und dann wird jQuery die beste Lösung sein.

Liebe Grüße und ein schönes Wochenende,
emha

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Fragen zu CSS und Joomla	DOKTOR	CSS	2	23.05.2011 19:29
Brauche Hilfe: Schwarzes Nichts	Zwox	CSS	10	19.11.2010 16:53
Header entfernen	tripple	CSS	17	15.06.2010 15:41
Schriftfarbe in den Eintragungsfeldern von jforms	Steveislucky	CSS	2	16.03.2010 10:59
CSS Text nebeinander?	carstiee09	CSS	13	13.11.2009 19:18