Помогите с блоком 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)
Новые темыОбъявленияСвободное общение
18:43 Апдейт 20.01: Позиции вернули? // Рынок рекламы падает 
18:33 16.01.2026. Пятничный откат, глюки с регионами и "Нейро" в товарке 
18:05 Статистика по "альтернативе": Есть ли смысл сейчас добавлять сайт в Rambler/Mail? 
16:05 Почему ваш сервер тормозит: это не DDOS, это нейросети "кушают" ваш контент 
23:02 Монетизация пошла: OpenAI начинает крутить баннеры и ссылки в диалогах 
10:25 че по ПФ щас реально работает?? (кроме старья) 
10:22 Минус 30% дохода? Chrome теперь скрывает футерные баннеры (Sticky Ads) 
15:25 BestChange – обменивать электронную валюту можно быстро и выгодно 
14:12 CryptoGraph — Анонимный обмен криптовалют без KYC и AML 
08:55 Мониторинг обменников Сrypto-scout.io 
04:09 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
23:56 Portfel.cc - современный помощник в Ваших финансовых операциях. 
19:23 GoodsMoney.io 
19:09 Volna.money 
20:14 Gartner обещал смерть SEO к 2026 году. Открываем метрику и проверяем 
20:51 Кодерам приготовиться? DeepSeek анонсировал "монстра кодинга" на следующий месяц 
12:40 Топ-5 способов использовать мобильные прокси для бизнеса: подробный обзор 
20:57 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 
15:17 SENDERSEX.COM - Тизерная партнёрка онлайн игры Эротические Фанты Онлайн 
18:50 Добро пожаловать в цифровой мир... 
22:14 Какой фильм вы любите посмотреть перед сном?