Помогите с блоком div.
Страницы: 1
Помогите с блоком div.
К примеру у меня есть блок <div id="navigation"> БЛОК </div>

Блок при скроллинге страницы остается на месте (то есть я его всегда вижу), а как сделать так что бы если страница доходит до 300 пикселей до конца страницы и блок поднимался вверх? написал вроде понятно, кто может сообразить код в css, подскажите.
пишите лучше так <div class=""> блок </div>
Цитата
Админ Компа пишет:
сообразить код в css, подскажите.
да тут не CSS, такое скриптами делается. юзайте поиск....
Лучший обменник криптовалюты на 2024 год: WEB | Telegram
JavaScript в помощь, на CSS такое колдунство не работает (конечно можно, но не нужно).
Я не про css писал, если не видно... тут про сам код написано, просто тегом id надо уметь пользоваться, а тегом class можно и базово управлять
Цитата
WSairus пишет:
JavaScript в помощь, на CSS такое колдунство не работает (конечно можно, но не нужно).
А почему не нужно? У меня один блок в CSS прописан.
Цитата
Админ Компа пишет:
А почему не нужно? У меня один блок в CSS прописан.

Потому как динамические вещи с помощью скриптов делаются, а не стилями. "так что бы если страница доходит до 300 пикселей до конца страницы и блок поднимался вверх" -  условие остановки еще можно с помощью доп div сделать, а как вы сделаете чтоб он поднимался? В JS для этого все необходимое есть, особенно если JQuery использовать.
Цитата
WSairus пишет: Потому как динамические вещи с помощью скриптов делаются, а не стилями. "так что бы если страница доходит до 300 пикселей до конца страницы и блок поднимался вверх" - условие остановки еще можно с помощью доп div сделать, а как вы сделаете чтоб он поднимался? В JS для этого все необходимое есть, особенно если JQuery использовать.
А ну да, я что то тупанул про css... 
Вот скрипт который останавливает блок при прокрутке.
Код
$(document).ready(function() {
  var $window = $(window),
  $navigation = $("#navigation");

  $window.scroll(function() {
    if (!$navigation.hasClass("fixed") && ($window.scrollTop() > $navigation.offset().top)) {
        $navigation.addClass("fixed").data("top", $navigation.offset().top);
    }
    else if ($navigation.hasClass("fixed") && ($window.scrollTop() < $navigation.data("top"))) {
        $navigation.removeClass("fixed");
    }
  }); 
});
Надо как то дополнить что бы при прокрутке вниз до конца, блок приподнимался вверх, как на авито, справа есть блок, который при прокрутке остается на месте, доходит до низа и поднимается вверх.
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
10:59 С чего сейчас проще начать? 
08:21 Продвижение-2022: Гугл все? Нет – Гугл не все! 
08:05 Гугл запустил Первый АПдейт года и серп уже трясёт - Google March 2026 Core Update 
18:58 Яндекс Нейро и выдача в 2026 - остались ли лазейки для маленьких сайтов? 
18:49 Биржи ссылок в 2026 - реально ли новичку с одним сайтом поднять копейку? 
13:09 Выбор CMS для первого блога в 2026 - реально ли новичку войти без кода? 
12:47 MAX попер в бурж: 40 стран, ведение каналов и горы дешевого трафика 
12:54 От $0.015 за IP | $0.68 за ГБ | 9PROXY.COM | 20+ млн резидентных прокси | 99,95% аптайм | Без чёрных списков 
11:13 Услуги постинга в социальные сети для продвижения, индексации и увеличения социальной активности 
09:40 Swapwatch.org — Мониторинг криптовалютных обменников 
08:45 swapsfera.com 
20:37 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 
19:58 SpeedyIndex - ускорение индексирования ссылок в Google. 100 ссылок в подарок. 
14:11 Продам аккаунты Gmail USA IP | Gmail MIX IP | Outlook Old 
09:46 молодильные яблоки и живая вода 
08:12 Голландцы влепили Grok по яйцам - теперь нельзя раздевать реальных людей, штраф 100к евро в день 
06:50 Ставки на супер тренды в спорте 
18:19 8 марта: желаю аптайма 99.9% и e-e-a-t без локов 
13:04 Gartner обещал смерть SEO к 2026 году. Открываем метрику и проверяем 
18:49 Чак Норрис ушел - 19 марта 2026, 86 лет, семья подтвердила 
17:05 Огородники