Информационная лента
Чат


Загрузка данных...

Необходимо авторизоваться!

Свежие обсуждения


Загрузка данных...

Топ активов

  • 1 · Посты: 4944 · Репутация: 187
  • 2 · Посты: 3194 · Репутация: 333
  • 3 · Посты: 2321 · Репутация: 1319
  • 4 · Посты: 1613 · Репутация: 373
  • 5 · Посты: 1038 · Репутация: 42

Форум
Страница 1 из 11
Архив - только для чтения
Форум » WEB » Решенные вопросы JS » Скроллинг
Скроллинг
Оффлайн
Bikeformer · Написал: 42 сообщения · Репутация: 259 · Группа: «Проверенный»
Здравствуйте. Помогите как на этом сайте, скроллинг определенной части от нужного места, и до.. нужного места)

Давно уже мучаюсь.
06.07.2013, в 16:48 | # 1 · | Понравилось: 0

Оффлайн
HeadMad · Написал: 46 сообщений · Репутация: 51 · Группа: «Проверенный»
Привет)) в общем, должно работать, хотя не гарантирую (я не программист, от сюда и топорность):
и так, допустим у нас есть блок со статьей с id="article", в самый конец страницы перед body помещаем наш блок с закладками
Код
<div id="socialBm">Закладочки</div>

и стили к нему
Код
<style>
#socialBm {
  position: absolute;
  left: 10px;
  height: 300px;
  width: 100px;
   
}
</style>


ну и конечно сам скрипт
Код
<script>
var offset = $('#article').offset();            // #aricle- это блок со статьей. Находим положение блока относительно краев страницы
$('#socialBm').css({top:offset.top});       // задаем положение блока с закладками на одном уровне со статьей
$(window).scroll(function(){                    // выполняем функцию при прокрутке страницы
  if($(window).scrollTop() < offset.top){            // если расстояние прокрутки меньше отступа статьи от верхней границы
  $('#socialBm').css({position:'absolute', top:offset.top});             // прописываем стили для блока закладок
  }
if($(window).scrollTop() >= offset.top){                  // если расстояние прокрутки больше или равно отступу статьи от верха
  $('#socialBm').css({position:'fixed', top:0});                    // примагничиваем блок к верхней границе
  }
if($(window).scrollTop() >= offset.top+$('#article').height()-$('#socialBm').height()){   // при прокрутке статьи к верху на расстояние меньшее высоты блока закладок
  $('#socialBm').css({position:'absolute', top:offset.top+$('#article').height()-$('#socialBm').height()});   // примагничиваем нижнюю границу блока к нижней границе статьи
  }
  });
</script>
07.07.2013, в 20:55 | # 2 · | Понравилось: 0

Оффлайн
Bikeformer · Написал: 42 сообщения · Репутация: 259 · Группа: «Проверенный»
[to]HeadMad[/to], спасибо)
27.07.2013, в 17:22 | # 3 · | Понравилось: 0

Оффлайн
Al-Sher · Написал: 3194 сообщения · Репутация: 333 · Группа: «Координатор»
Вопрос решен? Тему закрывать?
27.07.2013, в 19:02 | # 4 · | Понравилось: 0

Оффлайн
Bikeformer · Написал: 42 сообщения · Репутация: 259 · Группа: «Проверенный»
[to]Al-Sher[/to], yes
30.07.2013, в 16:01 | # 5 · | Понравилось: 0

Форум » WEB » Решенные вопросы JS » Скроллинг
Страница 1 из 11
Поиск:
uJS.su - сайт, посвященный уникальным разработкам для системы uCoz. У нас Вы найдете десятки готовых интересных уникальных решений для Вашего сайта, а также сможете оставить свою идею, которую мы постараемся реализовать.