В светлом будущем у нас будет гибридное position:sticky, дающее возможность задать координаты, при которых блок выйдет из нормального потока и застынет на одном месте:

.sticky {
  position: sticky;
  top: 15px;
}

Сегодня это свойство не поддерживается ни в одном браузере, Хромиум 23.0.1247.0 с ключом enable-experimental-webkit-features не в счёт.

Остаётся Яваскрипт. Отслеживаем позицию блока относительно края браузера, вычитая позицию скрола из расстояния между блоком и краем страницы. Когда эта позиция достигает порогового значения, клонируем блок, скрываем, но не убираем из потока оригинал блока, а поверх показываем залипший благодаря position:fixed клон.

Это не всё. Клону нужно скриптом сообщать ширину оригинального блока, потому что фиксед-блок выпадает из контекста и определяет свои размеры относительно окна, а не блока-родителя. И ещё нужно не забыть про горизонтальную ось, чтобы если вдруг появится горизонтальная прокрутка, залипший блок двигался влево-вправо за своей колонкой.

Если всё получится, будет не трудно добавить несколько строк и сделать что-то вроде айфоновского тейбл-вью, когда один блок отталкивает другой:

Моя версия скрипта:

• stickyeah.js

Пользуйтесь. Чтобы сделать простой залипающий блок, как сноска справа, добавьте класс stickyeah:

<div class="stickyeah">
  <h2>Всё</h2>
  <p>Что угодно.</p>
</div>

Настройте отступ до верха браузера атрибутом data-stickyeah-offset:

<div class="stickyeah"
     data-stickyeah-offset="40">
</div>

Чтобы как-то изменить внешний вид залипшего блока, укажите любой класс в data-stickyeah-class:

<style>
  .zalip {
    color: pink;
  }
</style>

<div class="stickyeah"
     data-stickyeah-class="zalip">
</div>

Чтобы блоки отталкивали друг друга, как с именами выше, объедините их в группу по значению data-stickyeah-push:

<h2 class="stickyeah"
    data-stickyeah-push="h2">
  Заголовок
</h2>
<p>Абзац!</p>
<h2 class="stickyeah"
    data-stickyeah-push="h2">
  Ещё один
</h2>

На странице может быть несколько таких групп, задайте каждой свой идентификатор data-stickyeah-push.

Если position:fixed не поддерживается, его можно эмулировать через position:absolute и дополнительную арифметику. Но я решил не утяжелять свой сценарий, залипание — вспомогательная опция, не влияющая на доступность контента и возможность совершить покупку.

В АйОСе слабая поддержка position:fixed — пересчёт стилей происходит только после отрыва пальца от экрана.