Есть ли идиома, позволяющая прокручивать элемент со страницы только до тех пор, пока она не попадет в верхнюю часть браузера?

В основном я ищу, чтобы выполнить что-то подобное влиянию, которое использует yelp, чтобы карта следила за вами на странице на странице результатов поиска, но я предпочел бы, чтобы она была мгновенной, а не догнала через несколько секунд после прокрутки. Я также не хочу просто устанавливать позицию на «фиксированную», потому что я хочу, чтобы она прокручивалась до тех пор, пока она не прокрутит страницу, и только затем станет «фиксированной» (а также, если пользователь позже прокрутит резервную копию, я хочу чтобы карта стала «отклеиваться» и прокручивалась вниз по странице).

Я предполагаю, что это может быть выполнено с помощью некоторого запутанного javascript (с использованием «watch» и т. Д.), Который обнаруживает, что карта находится ближе к верхней части страницы и соответствующим образом меняет значения CSS, но я надеялся на сочетание относительного / абсолютного / фиксированные позиционированные divs, которые полностью исключают необходимость Javascript.

И, конечно же, мне бы очень хотелось, чтобы это была папка-библиотека (или плагин jQuery и т. Д.), Которая делает то, что я ищу, если такая вещь существует. Если для этого нет готовых скриптов, я бы хотел услышать от людей, которые из первых рук делали или пытались сделать то же самое.

javascript,html,css,

2