Grid -scrolowanie poszczególnych elementów

Odpowiedz Nowy wątek
2019-04-10 16:41
0

https://codepen.io/anon/pen/eovVvK

Mam taki problem, że nie wiem dlaczego, mój element main, nie jest scrolowany, chciłałem aby elementy, .left, .right pozostały fixed, natomiast main element miał możliwość scrolowania. Ale dodają mu wartość scroll, nie mam możliwości jego scrollowania. Nie wiem dlaczego.

Pozostało 580 znaków

2019-04-12 18:42
0

No dodaj elementom sticky czy fixed i jechanes, tutaj masz kody:
https://css-tricks.com/creati[...]cts-using-sticky-positioning/
https://css-tricks.com/scroll-fix-content/


ale dlaczego to nie działa? ja nie chcę dodawać position fixed bo bo jest nie fajne. W flexbox to działa. https://codepen.io/RadicalCaitlin/pen/yORGoa - bartek164 2019-04-12 18:57

Pozostało 580 znaków

2019-04-12 19:49
0

poprawiłem i teraz działa, chociaż nie mam pojęcia czym się różni to od poprzedniego, jeśli dodałem elelmety do środka main, to miałem dostęp do scrolla, ale wcześniej też miałem tam jeden element o dużo większej wysokości od .wrp, który miał overflow: hidden.
Tak czy siak działa.

Pozostało 580 znaków

2019-04-13 22:10
0

Jeśli ten pierwszy link jest oryginalny (nie zmodyfikowałeś go po założeniu wątku), to u mnie działa scrollowanie elementu main.

zmodyfikowałem - bartek164 2019-04-13 22:24
Aha. Ok. A pokaż poprzednią wersję, to spróbuję wyjaśnić, czym się różni. - Silv 2019-04-13 22:26
https://jsfiddle.net/a0vfqxb6/1/ w tym przypadku powyżej <main> ma ustawiony height na 1200px (czyli dużo więcej niż .wrp) i ustawiony overflow: scroll, a jednak nie da się scrollować tego elementu. Jeśli natomiast dodam do <main> jakieś elementy, o określonej wysokości, jak w przykładzie działającym to wszystko działa. - bartek164 2019-04-13 22:57

Pozostało 580 znaków

2019-04-13 23:36
0

Odpowiedź do komentarza: poprzednia wersja (https://jsfiddle.net/a0vfqxb6/1/) nie działała najprawdopodobniej dlatego, że nie było żadnej zawartości w elemencie <main>, która mogłaby się scrollować. Napisałem "najprawdopodobniej", ponieważ nie jestem pewien, czy to ten powód. Nie widzę w specyfikacji CSS overflow wzmianki o możliwości lub braku możliwości scrollowania pustego miejsca. Możesz zresztą sam zobaczyć: https://drafts.csswg.org/css-overflow-3/#valdef-overflow-scroll

PS. Rada – nie nazywaj klasy tak samo jak element HTML (najlepiej żaden), bo można się pomylić (u Ciebie klasa main oraz element main).

edytowany 2x, ostatnio: Silv, 2019-04-13 23:38

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0