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.
No dodaj elementom sticky czy fixed i jechanes, tutaj masz kody:
https://css-tricks.com/creating-sliding-effects-using-sticky-positioning/
https://css-tricks.com/scroll-fix-content/
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.
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.
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).