Tem como fazer isso em CSS?

Vamos supor que eu tenha duas DIVs uma com 1200px e a outra com 2000px de altura.

O que quero é o seguinte

Gostaria que ao rolar a página, as duas rolassem juntas. Porém, ao terminar a div menor (1200px) gostaria que ela ficasse fixada (sem rolar) e a outra maior continuasse a rolar até seu fim.

Tem como fazer isso em CSS?

Pesquisei muito, tentei várias combinações de height, top, bottom, position, etc... mas não consegui.

Conto com a ajuda de vocês, obrigado!