Как economist.com реализует свой липкий заголовок?JQuery?

Question

Если вы перейдете к статье на сайте The Economist.Например:

http://www.economist.com/node/17629757

Когда вы прокручиваете страницу ниже определенной точки (либо с помощью кнопки PAGEDOWN, либо с помощью пошаговой прокрутки с помощью клавиши ВНИЗ),появляется красный липкий заголовок.

Это jQuery?

Как это реализовано?

Answer 1

Содержимое, добавляемое через JavaScript, просто position : исправлено.

Answer 2

The Economist использует Apture , сервис, который включает в себя липкий заголовок и несколько других функций на странице. (Заголовок имеет идентификатор «aptureD», поэтому я начал поиск в Google.) Если вам нужен только этот точный заголовок, вы можете просто воспользоваться их службой.

Answer 3

Вы можете использовать Apture или сделать свой собственный липкий заголовок. Посмотрите на пример .

Answer 4

Для этого есть два способа: position:fixed и position:absolute. Первый очень простой, и вы не сможете получить скользящую анимацию. Второй - это то, что используется в вашем примере. Вот хороший учебник с демо и источником .