Co zrobić, żeby div został w miejscu przy scrollu?

Question

https://jsfiddle.net/ef8o6vmy/8/

Chodzi o lewego diva.

Chce żeby przy scrollu przesuwał się tylko prawy, czerwony div

Comments

Zacznij od umieszczenia pytania w prawidłowej kategorii.

Answer 1

Odpowiedź jest prosta jeżeli oto ci chodziło w twoim divie:

.l{
  width: 20%;
  background-color: blue;
  height: 500px;
  position: fixed;
  
  
}

Dodajesz to co już tam dopisałem czyli: position: fixed; i wszystko działa mam nadzieję że o to chodziło.

Comments

Działa, ale cała zawartość z czerwonego diva schodzi do lewej strony

Myślisz, że position: absolute; right: 0; będzie dobrym rozwiązaniem?

---

A może taki trick --> Codepen  

Skoro

.l{
  width: 20%;
  . . .
}

to można np.: padding-left: 22%;

.r{
  width: 80%;
  background-color: red;
  height: 1000px;
  padding-left: 22%;  
}