Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Div - przesuwany paskiem
Forum PHP.pl > Forum > Po stronie przeglądarki
mariuszg
Hej,

Jest taka sytuacja:
wchodzimy na stronę
przewijamy ją do w dół
klikamy na linka
przyciemnia się cała strona
otwiera się div w którym mamy treść
do tego momentu mam ok, następnie
jeśli treści jest dużo - jak zrobić aby przewijać paskiem tego otwartego div-a, a nie stronę (przyciemniona strona zostaje nieruszona)
po zamknięciu div-a strona pozostaje w tym samum miejscu - nie wraca do początku

można to zrobić na bootstrapie ale ja chciałbym sam to zrobić przy pomocy np: css + jquery
tu jest przykład z bootstrapa: http://getbootstrap.com/javascript/ ( przejdź do Live demo i kliknij Launch demo modal )

proszę o wsparcie
piotrex41
Nie jestem pewien czy do końca o to Ci chodzi, ale jest prosta opcja. Na DIV który chcesz przesuwać (tylko w pionie) dajesz
Kod
overflow-y: scroll;
max-height: 300px;

I tyle. Powinno wystarczyć.

BTW. Pamiętaj, że jeśli możesz użyć także overflow-x (w poziomie) oraz overflow (dla dwóch płaszczyzn przesuwania).

Wada: jak przewiniesz pojawiającego się DIVa to później prawdopodobnie będzie Ci się scrollowała strona.
Turson
Cytat
jeśli treści jest dużo - jak zrobić aby przewijać paskiem tego otwartego div-a, a nie stronę (przyciemniona strona zostaje nieruszona)

Ustalasz konkretną wysokośc a pasek sam się pojawi. Może się przydać css overflow-y
mariuszg
niestety nie działa to tak jak tutaj:

http://getbootstrap.com/javascript/ ( przejdź do Live demo i kliknij Launch demo modal )
trueblue
http://jsfiddle.net/58sTA/
mariuszg
działa super, dziękuję

A jak wyśrodkować okienko ?
Turson
Daj mu szerokość i margin:0 auto
trueblue
Okienko display:inline-block, nadrzędny div text-align:center, albo
okienko margin:0 auto;
bez pozycjonowania absolutnego.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.