ugrás a tartalomhoz

CSS: DIV fixálása balra (csak) horizontális scrollozásnál

truszeka · 2008. Aug. 26. (K), 10.53
Sziasztok!

Olyan CSS problémám lenne, hogy szeretnék egy DIV-et balra fixállni, akkor amikor jobbra-balra scrollozz a felhasználó. Fel-le scrollnál mozogjon természetesen az is fel-le.

És ugyan ezt szeretném egy DIV-vel, csak a felső (top) része legyen fixállva és le-fel scrollozásnál maradjon mindig fent, de jobbra-balra scrollnál mozogjon jobbra-balra.


Lehet (biztos?!?) hogy szerepelt már a probléma, de egyszerűen nem tudom megfogalmazni a fórum kereső számára.

Köszi

Üdv
‹ JS benchmark: sok elem beszúrása az oldalba Hogyan tudom meg egy objektum nevét? ›
 ■
1

99,99% bizonyossággal...

NetBandita · 2008. Aug. 26. (K), 11.54
99,99% bizonyossággal állíthatom, hogy egyszerű jelölő nyelvvel, mint amilyen a html és a css, ezt nem lehet megvalósítani olyan módon, ahogyan azt te szeretnéd. De van megoldás.

Az overflow:scroll elemmel hozz létre egy tartalmi részt, mely ezután gördíthetővé válik. Így egyik div-ed se fog soha mozogni (a tartalmon kívül), de mindig láthatóak lesznek.
3

Köszi

truszeka · 2008. Aug. 26. (K), 12.03
Köszi a gyors választ, de nem vitatkozni szeretnék, csak már láttam ilyen megoldást és szerintem nem JavaScript mozgatja. Konkrétan az a helyzet, hogy egy alkalmazást kell átírnom (most csak IE-ben (IE6) megy, de nekem álltalánosan kell megcsinállnom) és abban van ez, hogy bal oldalt az idő intervallumok jobbra-ballra scrollnál fixek, a fejléc meg le-felscollnál fixek. A DIV-nek positition: absolute van adva, meg top:0, left:0 azt kész. IE6-ban megy, de FFox-ban nem. Ha kell linkelek be képet róla.

Azt hogyan tudnám eldönteni, hogy JavaScripttel csinállja? Mivel nem egyértelmű, nagy a kód.

Köszi
Üdv
5

Akkor talán...

NetBandita · 2008. Aug. 26. (K), 12.11
Akkor talán linkeld be azt a honlapot, ahol láttál ilyet. Szerintem senki sem szeretné újból feltalálni a spanyolviaszt (fáradtságos, időigényes és mindenkinek van jobb dolga).

u.i.: akkor is látjuk, ha csak egyszer írod be. :) Ha udvariasságból teszed, inkább ne a 'válasz' gombra kattints, hanem írj egy új 'hozzászólás'-t.
6

Bocsesz

truszeka · 2008. Aug. 26. (K), 12.53
Sajnos belinkelni nem tudom, mert hozzáférés szükséges, de képet tudok esetleg készíteni IE-be és FF-ben is. De attól hogy látod, hogy van ilyen még nem tudhatod, hogy mitől ilyen :-)

Szóval valami tipp?

Köszi
7

JS

Iggy · 2008. Aug. 26. (K), 13.40
Amennyire nem szabványos az IE, el tudom hinni, hogy az absolute position és a top:0 v left:0 működik nála. Viszont azt, hogy JSel van-e megoldva, azt vagy úgy lehet megtudni, hogy megnézed a JS kódokat, amik az oldalhoz tartoznak (benne vannak a HTMLben, vagy be vannak linkelve egy külső JS fileból, amit szintén el tudsz érni), vagy letiltod a JS-t a böngészőben és megnézed, hogy úgy is működik-e (viszont nemtudom, hogy ez a CSS-t nem tiltja-e le)
9

letiltás

truszeka · 2008. Aug. 26. (K), 14.11
Köszi, valószínű a nem szabványoss IE csinállja ezt. Amúgy hogyan lehet letiltani a JS-t?

Üdv
10

JS letiltása

Iggy · 2008. Aug. 26. (K), 14.18
Ahány böngésző, annyi féleképpen. Nem rossz indulási alap, hogy megnézed a böngésző beállításait és biztonság vagy tartalom füleket keresel. Valószínűleg mindenhol lesz olyan, hogy JavaScriptek futtatása vagy hasonló. FF alá amúgy több add-on-t is lehet találni, ami egyszerűbben ki/be kapcsolhatóvá teszi a Javat, Flasht, JS-t.
11

Köszike

truszeka · 2008. Aug. 26. (K), 14.40
Én IE-re gondoltam, hogy hogyan lehet kikapcsolni? FF-t ismerem... nem vagyok egy Microsoft guru...sőt!
12

Én se vagyok MS guru

solkprog · 2008. Aug. 26. (K), 15.33
viszont rákerestem:
3. találat
Tools->Internet Options->Security Tab bar->Custom Level->Disable Active scripting

üdv,
Balázs
13

És te ki is próbáltad?

truszeka · 2008. Aug. 26. (K), 16.09
Mert én igen, de a JavaScriptek attól még futnak... jah meg egyébként a DIV-ek is scrollozódnak, tehát a bal oldali DIV bal oldalt marad ha jobbra-balra scrollozok, a felső DIV meg fent marad ha fel-le scrollozok.

Ilyenkor akkor mi van?

Köszi
Üdv
14

persze.

solkprog · 2008. Aug. 26. (K), 17.07
Persze és nálam valóban tiltja. (bár én "helyi intranet" tiltottam mivel localhostos kódot próbáltam ki, de ez nem számíthat)
Viszont mit szólnál ahhoz ha abból az oldalból csinálnál egy demo oldalt és azt megosztanád velünk?

üdv,
Balázs
2

Válasz

Iggy · 2008. Aug. 26. (K), 11.55
Helló!

Amennyire én tudom, ezt csak CSS-el nem tudod megoldani, ott csak position:fix van, viszont az minden görgetésnél fixálja (és csak FF, IE7-ben működik). Szerintem ezt a legegyszerűbb JS-ben lenne megoldani, úgy, hogy figyeled a pozícióját és nem engeded az egyiknek az x koordinátáját változni, a másiknak meg az Y koordinátáját. Így hirtelen most nem tudom, hogy milyen eseményre kéne ezt tenned, a <body> onmousemove biztos, hogy működik, viszont az feleslegesen sok vizsgálatot végez.

Ha valakinek van jobb ötlete, azt én is szívesen látom!
4

Köszi

truszeka · 2008. Aug. 26. (K), 12.04
Köszi a gyors választ, de nem vitatkozni szeretnék, csak már láttam ilyen megoldást és szerintem nem JavaScript mozgatja. Konkrétan az a helyzet, hogy egy alkalmazást kell átírnom (most csak IE-ben (IE6) megy, de nekem álltalánosan kell megcsinállnom) és abban van ez, hogy bal oldalt az idő intervallumok jobbra-ballra scrollnál fixek, a fejléc meg le-felscollnál fixek. A DIV-nek positition: absolute van adva, meg top:0, left:0 azt kész. IE6-ban megy, de FFox-ban nem. Ha kell linkelek be képet róla.

Azt hogyan tudnám eldönteni, hogy JavaScripttel csinállja? Mivel nem egyértelmű, nagy a kód.

Köszi
Üdv
8

Nincs mit tenni.

Fraki · 2008. Aug. 26. (K), 14.01
Hát akkor itt senki nem tud semmit se mondani, mert az, hogy "szerintem nem JS mozgatja", az nem információ, link nincs, megnézni nem lehet, ergó a probléma hozzáférhetetlen. De azért jó tudni, hogy van.

JS/nem JS kérdésre valóban nagyon egyszerű teszt, ha letiltod a böngészőben a JS-t.