Плавающий блок в сайдбаре - Форум
Страница 1 из 11
Форум » Форум веб мастеров » uCoz » Плавающий блок в сайдбаре
Плавающий блок в сайдбаре

SacSvipe
VIP
Сообщений 164
+
+4192
-
Ваши награды 2
SacSvipe написал: В ответ пользователя SacSvipe Написано 10 Апреля 2015 в 12:29
Сообщение № 1
Здравствуйте. Захотелось сделать плавающий блок в сайдбаре, поставил такой вот скрипт:

Код
<script language="javascript"> $(document).ready(function(){ var floatsidebar = $("#float-sidebar"); var offset = floatsidebar.offset(); var left = offset.left; var top = offset.top; var width = $("#float-sidebar").width(); var height = $("#float-sidebar").height(); $(window).scroll(function(){ var scrollTop = $(window).scrollTop(); if (scrollTop >= top) { $('#float-sidebar').css({ left:left+'px', position:'fixed', top:"0px", width:width+"px" }); } else { $('#float-sidebar').css({ position:'static', }); } }); }); </script>
  


Код
<div id="float-sidebar">
  Контент плавающего блока
</div>


В плавающем блоке стоит картинка и вся проблема в том, что когда опускаешь страницу полностью вниз, то плавающий блок вылезает за границы сайдбара. Как сделать так, чтобы не вылезал?
«Пред. тема След. тема»
Форум » Форум веб мастеров » uCoz » Плавающий блок в сайдбаре
Страница 1 из 11
Поиск:
Топ пользователей: