Записи участника (Bodia) (Форум аццкого кодера)

Форум аццкого кодера

  • Страница 1 из 1
  • 1
Скрипты и коды для юкоз - Форум аццкого кодера » Записи участника » Bodia [3]
Результаты поиска
Дата: Вторник, 28.01.2014, 19:44 | Сообщение #1 | Тема: Фиксированный блок с прокруткой
Bodia
Рядовой
Группа: Зарегистрированные
Сообщений: 3
Награды: 0
Репутация: 0
Статус: Offline


 Здравствуйте, я поставил на сайт блок (отступ 100пх от верха), который при прокрутке вниз, должен прокручиваться вместе со страницей.

Код
.floating {  
   width: 200px;   
}  
.fixed {  
   position: fixed;  
   top: 10px;   
}


Код
<script type="text/javascript">  
$(function(){  
   $(window).scroll(function() {   
   var top = $(document).scrollTop();  
   if (top > 98) $('.floating').addClass('fixed');   
   else $('.floating').removeClass('fixed');  
   });  
});  

</script>


Проблема только в том, что когда прокручиваешь страницу до самого низа, блок должен упираться в футер (200px высотой), а он на него налазит. Не знаю как это исправить. Заранее спасибо за помощь)

 
Дата: Вторник, 28.01.2014, 20:25 | Сообщение #2 | Тема: Фиксированный блок с прокруткой
Bodia
Рядовой
Группа: Зарегистрированные
Сообщений: 3
Награды: 0
Репутация: 0
Статус: Offline


 Спасибо за быстрый ответ)

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

Извините, но я совсем не понимаю, как это сделать. Высота страницы же резиновая, а высота футера статичная - 200px. А потом это куда добавлять, в css?

Я еще пытался как-то скрипт дополнить,
Код
var bottom = $(document).scrollTop();    
     if (bottom > 200) $('.floating').addClass('fixed2');   


В fixed2 делал отступ снизу, но ничего не получилось)

Сообщение отредактировал Bodia - Вторник, 28.01.2014, 20:26
 
Дата: Вторник, 28.01.2014, 20:48 | Сообщение #3 | Тема: Фиксированный блок с прокруткой
Bodia
Рядовой
Группа: Зарегистрированные
Сообщений: 3
Награды: 0
Репутация: 0
Статус: Offline


 мне очень неудобно вас так часто беспокоить, но я в скриптах новичок.
Проблема в том, что страница с товарами, а товаров неограниченное количество, и они постоянно добавляются. Или же вы имеете ввиду $(document).height(); -как переменное значение?
Если высота футера 200px, то как скрипт сделать?

Можете помочь? Может платно поможете скрипт доделать?

 
Скрипты и коды для юкоз - Форум аццкого кодера » Записи участника » Bodia [3]
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия