Div - przesuwany paskiem Opcje

[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.

Ten post edytował piotrex41 24.06.2014, 07:38:32