Позиция элемента
Есть элемент
<div style="{position:absolute;}">Блаблабла</div> Как сделать, чтобы при прокрутке он оставался на месте, словно свойство position имеет значение fixed? Думаю, необходимо изменять значение координату top при прокрутке, но каким образом? (пробовал решить через ScrollToTop, но не получилось). Необходимо для создания эффекта прокрутки, как на этом сайте. Но там сделано с помощью плагина jscrollpane (пытался повторить, но не понял как реализовать. да и хотелось бы сделать проще, т.к. задача сделать всего 2 "переливающихся" картинки) |
Цитата:
Цитата:
|
Цитата:
Я хочу сделать "перетекающие" блоки, как на вышеуказанном сайте. там ведь это работает. |
Цитата:
Из-за таких вот недочетов сайт превращается в убогое гавно. |
Так там прокручивается не вся страница, а только блок с фотками. Неподвижные элементы как бы сами по себе неподвижны, без всяких скриптов и стилей, ибо их никто и не прокручивает.
|
Цитата:
на этом сайте это сделано по средствам JQuery я уже даже написал каким плагином, ибо ковырял код. У круглых переливающихся плашек {div style="top: n;"}меняется динамически. а свойством css position:fixed этого никак не добиться, потому что overflow:hidden родительского элемента в этом случае скрывает только нижнюю часть (и нормально НЕ работает, даже если я выставляю z-index: милиярд; у всех соседних элементов). ИМЕННО ПО ЭТОЙ причине надо делать через position:absolute. |
Вот как это сделано на том сайте:
Подключен: http://www.borgo27.it/js/jquery.jscrollpane.min.js Тут, видимо, подключается сам скрипт: http://www.borgo27.it/js/views/all.js в строках, ориентировочно: scrollpane.jScrollPane({ showArrows: true, //autoReinitialise: true, //animateScroll: true, //animateDuration: 1000, //animateEase: 'easeInOutExpo', mouseWheelSpeed: 40 }); api = scrollpane.data('jsp'); $(window).load(function () { api.reinitialise(); }); Далее сам код изменения позиции круглых плашек тут: http://www.borgo27.it/js/views/home.js Думаю, вот в этих строках: $("#scale1").css({ "marginTop": -(265 - (api.getContentPositionY() / 1)) }); $("#scale2").css({ "top": -intWindowCenter + (api.getContentPositionY() / 1) }); Все сделано при помощи плагина jscrollpane и значения getContentPositionY, которое высчитывает координату круглой плашки и меняет ее при прокрутке. По крайней мере я так думаю. Но я плохо дружу с JQuery - потому и пришел сюда за помощью. |
Часовой пояс GMT +3, время: 20:16. |