Форум Сайтостроение Веб-строительство

Плавающий слайдбар

SB
На сайте с 15.04.2010
Offline
107
Александр
788

Привет всем!

Не будут долго ни чего описывать, а посмотрите все сами. На сайте http://igryforyou.ru нужно сделать так, чтобы блок слева "популярные игры" прилипал к верху экрана, когда прокручиваешь вниз. Как понимаю обычным fixed тут не обойтись, потому что блок не виден изначально. Уж извините если тема уже была открыта. Не нашел...

https://epicris.ru - Лучшие интернет-магазины и товары со скидками. СуперМегаСайт - рейтинги товаров, покупайте вещи с промокодами https://supermegasite.ru
DiAksID
На сайте с 02.08.2008
Offline
236
DiAksID
#1

к блоку надо прибиндить реакцию на скрол окна а`ля "вертикальный скрол окна больше позишен.топ блока => позишен.топ увеличиваем и наоборот с ограничением на начальную позицию". jQuery в руки и впЕред...

show must go on !!!...
SB
На сайте с 15.04.2010
Offline
107
Александр
#2

Спасибо) Суть я конешно понял, но вот с реализацией проблемы. Может есть готовый пример? Или что то подобное, а там я уж сам подкручу что надо)

Thommy
На сайте с 06.05.2010
Offline
139
Thommy
#3

Достаточно будет position:fixed; чтобы он вместе со скроллом ползал, только что проверил. Но наверху будет перекрывать другие подменю. Перенесите его направо. Самое простое решение, ИМХО.

vandamme
На сайте с 30.11.2008
Offline
675
vandamme
#4

вот нашел, скопировать всего лишь и вставить

демо http://blog.samarko.ru/2012/01/div-jquery.html

<script type='text/javascript'>
$(function() {
var fixed = $("#left_fixed_div");
var offset = fixed.offset();
var topPadding = 15;
$(window).scroll(function() {
if ($(window).scrollTop() > offset.top) {
fixed.stop().animate({marginTop: $(window).scrollTop() - offset.top + topPadding});
}
else {
fixed.stop().animate({marginTop: 0});
};});
});
</script>
SB
На сайте с 15.04.2010
Offline
107
Александр
#5

vandamme, спасибо, то что надо)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий