Помогите с блоком 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)
Новые темыОбъявленияСвободное общение
17:05 ИКС Яндекс АПдейт 1 апреля 2026. Обновлён алгоритм расчёта 
17:04 Claude по паспорту + апдейт Яндекса 17 апреля - у кого что по выдаче 
16:58 Ап выдачи Яндекса 8 апреля - есть движение, но интереснее что творится с AI-ответами Google 
16:52 В Яндексе позиции держатся, а трафик проседает - стало заметно сильнее 
16:49 Заголовки H1 и ошибки - реально ли новичку самому во всём разобраться? 
14:46 Штрафы за крипту до 2 млн + ап Яндекса 19 апреля - что опять поменяли и куда всё катится? 
12:32 Яндекс-ап 20 марта и похороны ChatGPT, Claude и Gemini. Считаем убытки 
18:11 buyingproxy.com | $0.95/GB Residential Proxies - 80M+ IPs | No Bandwidth Expiry 
18:10 Mixmasters - Exchange without AML and KYC 
16:29 Прошу оценить сайт 
14:55 Создам под вашу нишу сетку сайтов-сателлитов для привлечения целевого трафика 
14:04 Продам премиальные готовые интернет сайты 
13:25 Клавиатурный шпион для слежения за компьютером 
12:36 E-currency.exchange — ваш помощник в мире обменов 
19:36 Список обновленных тем пуст... 
17:02 арбитражники 
17:00 Во Франции начали штрафовать за IPTV - до 300-400 евро уже прилетает обычным пользователям 
16:55 ЕС сделал проверку возраста, а её уже ломают за минуты. Серьёзно? 
12:26 Заработок на загрузочном сайте в 2026? 
09:49 Точные прогнозы на футбол 
02:22 Ставки на супер тренды в спорте