JQuery создать прокрутку следовать div

ok Я видел людей, использующих position:fixed чтобы div следовал за прокруткой. Я также видел следующее решение, которое хорошо ( Jquery follow scroll ), но мне было интересно, как я могу выполнить 2 эффекта:

  1. создать плавный свиток для windows
  2. прокрутите поле внутри div (так что если свиток выше, чем div держателя, поле должно быть сверху div, а при прокрутке вниз оно должно прокручиваться внутри)

пример этих возможностей можно найти здесь: http://www.limestonenetworks.com/dedicated_servers/order.html?id=47

но я не могу понять, что они использовали, и даже если они использовали библиотеку.

Как небольшая альтернатива Адаму Хатчинсону

http://jsfiddle.net/HelloJoe/JjuQu/

Это довольно понятно, но просто скажите, нужно ли вам что-нибудь объяснить.

Этот div в примере не является полем: фиксированным или абсолютным. То, что они делают, – это оживить атрибут margint-top для прокрутки относительно

Похоже, вам нужно сопоставить событие с прокруткой документа, а затем переместить div относительно свитка. Что-то в этом направлении может дать вам возможность начать.

 $(document).scroll(function(){ $('#divtomove').css('top', $(document).scrollTop()); }) 

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

  var $scrollingDiv = $("#customize"); $(window).scroll(function () { if ($(window).scrollTop() > 490) { if (($("#maincontentbox").height() - $(window).scrollTop()) > 0) { $scrollingDiv.stop().animate({ "marginTop": ($(window).scrollTop() - 500) + "px" }, "slow"); } } else { $scrollingDiv.stop().animate({ "marginTop": "0px" }, "slow"); } }); 

Упрощенное решение:

 $('#divtomove').scrollFollow();