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

Question

Я хотел бы создать элемент на веб-сайте, который прокручивается при прокрутке вниз по окну.В большинстве случаев я знаю, что это можно легко решить с помощью некоторых базовых CSS, используя фиксированное позиционирование.Вопрос в том, что я не хотел бы, чтобы он постоянно находился в одном и том же месте на экране.Мне бы хотелось, чтобы это был элемент боковой панели, который начинается с остального содержимого, но затем перемещается вместе с вами при прокрутке страницы.См. http://www.demonoid.com/ для примера (см. Объявление в правой части страницы).Я знаю, что, вероятно, есть довольно простое решение для css или jquery, но я не смог придумать одно.Я ценю помощь.

Спасибо!

Answer 1

Вот действительно хороший учебник по созданию фиксированных плавающих элементов с использованием jQuery:

Фиксированные плавающие элементы | JQuery для дизайнеров

Answer 2

Вот способ сделать это.

используйте position:sticky, чтобы получить плавающий элемент.

Вот объяснение статьи.

http://updates.html5rocks.com/2012/08/Stick-your-landings-position-sticky-lands-in-WebKit

Демонстрация липкой позиции

Answer 3

Может быть, просто

   if($(window).scrollTop>300) {

        $("#image").position().top($(window).scrollTop()-$(window).height());

   }