- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Добрый день, здесь на форуме нашел чтото похожее, но у меня немного другой код скольжение блока, Вопрос:блок нужно остановить в определенном месте или не доходя до какого нибудь объекта на сайте? Вот пример который надо видоизменить: http://www.webresourcesdepot.com/wp-content/uploads/file/smart-banners/example2/default.html. Помогите.. И второй вопрос: в примере есть объект перед блоком,который в принципе не нужен, наверно его как то можно упростить в js тогда?
$(document).ready(function(){$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 200) {
//Здесь нужно блок зафиксировать position:fixed
} else {
//Здесь вернуть родную position
}
});
Ну вот если брать название блоков на примере которую я отправил, то как будет выглядеть?
http://www.webresourcesdepot.com/smart-floating-banners
Вы сюда ходили? Там все написано... и на примере блоков в том числе.
Конечно ходил,именно оттуда и нашел пример. Он самый подходящий просто у меня на сайте есть в футере объект до которого должен скользить этот блок, а эти примеры ставлю и он проходит сквозь него до самого конца страницы. В общем остановить бы его,кстати в комментах на этом сайте такая же проблема была у одного, но ему по моему так и не ответили. А Вы мне код доработали с примера который отправил или же это Ваша?
Как-то не совсем понятно что через кого проходит.
Футер находится внизу, ваш блок приклеен к верху, как верх может проходить насквозь футер?
Чтобы остановить, нужно "расчитать место до куда скользить, затем, при достижении максимального диапазона менять fixed на, скорей всего, absolute.
Кстати, почти так делается нынче модная
верстка с параллакс эффектом
http://f6design.com/projects/parallax-scrolling/
И как это делается
http://habrahabr.ru/post/142137/
Мда, про параллакс эффект я загнул, но в основном игры ведутся с position
Я не так выразился. В самом внизу если говорить точно идёт сначала объект размером примерно в 400px в высоту и он перекрывает полностью всю нижнюю часть, а после него уже идёт футер, так вот скользящий блок должен доходит до этого объекта они проходить сквозь до конца страницы.Примерно так представим есть основная часть(текст) с классом content, скользящий блок имеет класс banner, а объект до которого должен идти блок имеет класс footer. И как переделать этот пример как я хочу - http://www.webresourcesdepot.com/wp-content/uploads/file/smart-banners/example2/default.html. В остальном он идеально подходит.
Определяете координаты футера и при достижении scroll значений координат футера меняете position скользящему блоку.