Фильтр по:
  

Фиксированный блок с прокруткой

Если вы пришли за помощью, то Вам сюда...

  • Страница 1 из 1
  • 1
Модератор форума: Admin, Cибиря4ка, Komoff, Diana  
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Если вы пришли за помощью, то Вам сюда... » Фиксированный блок с прокруткой (Не получается доработать фиксированный блок)
Фиксированный блок с прокруткой
Дата: Вторник, 28.01.2014, 19:44 |
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:07 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 Bodia,
Цитата Bodia, Вт, 28.01.2014, 19:44:42
Проблема только в том, что когда прокручиваешь страницу до самого низа, блок должен упираться в футер (200px высотой), а он на него налазит

А с чего вы взяли что он должен? Совсем не должен..

Цитата Bodia, Вт, 28.01.2014, 19:44:42
Не знаю как это исправить

Изменить скрипт.
Узнать высоту документа, вычесть из нее высоту футера и сравнивать высоту скролла с этой этой величиной. Если она больше - делать смещение вверх на разницу высот.

 
Дата: Вторник, 28.01.2014, 20:25 |
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:40 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 Bodia,
Цитата Bodia, Вт, 28.01.2014, 20:25:56
А потом это куда добавлять, в css?

Я же написал - изменить скрипт.

Цитата Bodia, Вт, 28.01.2014, 20:25:56
высота страницы же резиновая, а высота футера статичная - 200px.

Вот по этому сначала и нужно узнать высоту всей страницы - $(document).height();
Вычесть из нее высоту футера (повторяюсь уже) и сравнивать с высотой скролла.
Типа:
Код
if($(document).height()-200<top){
  /* делаем смещение на разницу .. или что-то другое */  
}

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


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

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

 
Дата: Вторник, 28.01.2014, 20:56 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 Bodia,
Цитата Bodia, Вт, 28.01.2014, 20:48:45
Или же вы имеете ввиду $(document).height(); -как переменное значение?

$(document).height() - это функция - отдает текущую высоту страницы.

Цитата Bodia, Вт, 28.01.2014, 20:48:45
Можете помочь? Может платно поможете скрипт доделать?

Ссылку на страницу где установлен данный скрипт.
Посмотрю позже.

 
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Если вы пришли за помощью, то Вам сюда... » Фиксированный блок с прокруткой (Не получается доработать фиксированный блок)
  • Страница 1 из 1
  • 1
Поиск:


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