Как сделать плавающий блок при скролле?

Question

[JasonStepler]

Всем привет. Имеется .block, нужно сделать так, чтобы при скролле страницы, когда доходим до этого блока он крутился вместе со страницей до нижней границы текста секции .two и оставался там. Ну и при скролле вверх по такому же принципу возвращался на исходную позицию.
https://jsfiddle.net/7nz4g5hb/1/

Answer 1

[JasonStepler]

Может не самое изящное решение, но так работает https://jsfiddle.net/7nz4g5hb/3/

Answer 2

[Алексей Скляров]

Погуглите в сторону waypoints.js, с ним вам проще будет отследить когда пользователь докрутил до блока. После чего пишете примерно такую конструкцию:
$('.block').addClass('sticky');

А в CSS прописываете примерно следующее:

.sticky {
position:fixed;
}