• Страница 1 из 1
  • 1
Модератор форума: Yuri_G  
Плавующая корзина
Hozy
Сообщений: 9
Репутация: 5

Сообщение # 1 | 19:13:43
Здравствуйте!
Необходимо сделать, что бы корзина была всегда приклеена к левой части сайта и плавала при прокрутке.
Искал в инете, не нашел. Возможно кто то сможет помочь?
Pashkella
Сообщений: 592
Репутация: 206

Сообщение # 2 | 21:28:56
Hozy, между <head> и </head> вставляем

Код
<script type="text/javascript">  
   $(function() {  
   var offset = $("#fixed").offset();  
   var topPadding = 300;  
   $(window).scroll(function() {  
   if ($(window).scrollTop() > offset.top) {  
   $("#fixed").stop().animate({marginTop: $(window).scrollTop() - offset.top + topPadding});  
   }  
   else {$("#fixed").stop().animate({marginTop: 0});};});  
   });  
  </script>

В CSS:

Код
#fixed{
    position: absolute;
}


После <body>

Код
<div id="fixed">$BASKET$</div>
Hozy
Сообщений: 9
Репутация: 5

Сообщение # 3 | 19:54:58
Не работает(
Отображается в центре страницы и не плывет при прокрутке.
brodyaga30
Сообщений: 491
Репутация: 146

Сообщение # 4 | 22:05:06
Hozy, попробуйте использовать не absolute а fixed но Вы должны понимать один момент, что в любом случае нужны дополнительные записи для позиционирования по координатам ( bottom или top, right или left ) подробно рекомендую почитать тут

Собственно и проблема в позиционировании у Вас было в отсутствии координат позиционирования ... ну и для прокрутки плавающей, вроде, всегда использовали fixed

Понял тебя, тридцатый ...
Сообщение отредактировал brodyaga30 - Четверг, 21 Мар 2013, 22:07:24
Hozy
Сообщений: 9
Репутация: 5

Сообщение # 5 | 12:02:50
Можно закрывать тему.
  • Страница 1 из 1
  • 1
Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!