Остановка скользящего блока

А3
На сайте с 01.10.2012
Offline
0
1212

Добрый день, здесь на форуме нашел чтото похожее, но у меня немного другой код скольжение блока, Вопрос:блок нужно остановить в определенном месте или не доходя до какого нибудь объекта на сайте? Вот пример который надо видоизменить: http://www.webresourcesdepot.com/wp-content/uploads/file/smart-banners/example2/default.html. Помогите.. И второй вопрос: в примере есть объект перед блоком,который в принципе не нужен, наверно его как то можно упростить в js тогда?

C
На сайте с 04.02.2005
Offline
291
#1

$(document).ready(function(){

$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 200) {
//Здесь нужно блок зафиксировать position:fixed
} else {
//Здесь вернуть родную position
}
});
А3
На сайте с 01.10.2012
Offline
0
#2

Ну вот если брать название блоков на примере которую я отправил, то как будет выглядеть?

C
На сайте с 04.02.2005
Offline
291
#3

http://www.webresourcesdepot.com/smart-floating-banners

Вы сюда ходили? Там все написано... и на примере блоков в том числе.

А3
На сайте с 01.10.2012
Offline
0
#4

Конечно ходил,именно оттуда и нашел пример. Он самый подходящий просто у меня на сайте есть в футере объект до которого должен скользить этот блок, а эти примеры ставлю и он проходит сквозь него до самого конца страницы. В общем остановить бы его,кстати в комментах на этом сайте такая же проблема была у одного, но ему по моему так и не ответили. А Вы мне код доработали с примера который отправил или же это Ваша?

C
На сайте с 04.02.2005
Offline
291
#5

Как-то не совсем понятно что через кого проходит.

Футер находится внизу, ваш блок приклеен к верху, как верх может проходить насквозь футер?

Чтобы остановить, нужно "расчитать место до куда скользить, затем, при достижении максимального диапазона менять fixed на, скорей всего, absolute.

Кстати, почти так делается нынче модная

верстка с параллакс эффектом

http://f6design.com/projects/parallax-scrolling/

И как это делается

http://habrahabr.ru/post/142137/

Мда, про параллакс эффект я загнул, но в основном игры ведутся с position

А3
На сайте с 01.10.2012
Offline
0
#6

Я не так выразился. В самом внизу если говорить точно идёт сначала объект размером примерно в 400px в высоту и он перекрывает полностью всю нижнюю часть, а после него уже идёт футер, так вот скользящий блок должен доходит до этого объекта они проходить сквозь до конца страницы.Примерно так представим есть основная часть(текст) с классом content, скользящий блок имеет класс banner, а объект до которого должен идти блок имеет класс footer. И как переделать этот пример как я хочу - http://www.webresourcesdepot.com/wp-content/uploads/file/smart-banners/example2/default.html. В остальном он идеально подходит.

C
На сайте с 04.02.2005
Offline
291
#7

Определяете координаты футера и при достижении scroll значений координат футера меняете position скользящему блоку.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий