Помогите с блоком 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)
Новые темыОбъявленияСвободное общение
19:44 Yahoo Scout: Нейро-привет из склепа. Реальный шанс на траф или мимо? 
17:33 AntiBot Cloud - бесплатный скрипт и сервис защиты сайтов 
15:20 01.02. Апдейт 31.01 // Chrome готовит "чёрную метку" для ИИ? 
15:14 Апдейт Яндекса 7 февраля. Пока серп трясет, некоторые по ботам плачут 
15:10 Google Discover Core Update: Дискавер отделяют от поиска? 
15:04 Гугл пухнет от кеша, а нам - крошки. Разбор $114 млрд: Адсенс в минусе, Ютуб на подписках 
11:30 ЕС душит ТикТок: прощай бесконечная лента и RPM? Что с монетизацией? 
15:12 CryptoGraph — Анонимный обмен криптовалют без KYC и AML 
12:38 Bankomat001 - Сервис обмена электронных валют 
10:42 Рассылки СМС/SMS, Вайбер/Viber, Ватсап/Whatsapp, Телеграм/Telegram любой тематики по всему миру 
09:36 Мониторинг обменников Сrypto-scout.io 
05:29 Продам обменник криптовалюты, а также новый обменник под ключ с обучением. Скидки на скрипты обменника 
04:20 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
23:26 Sova.gg - надежный обменник криптовалюты. 
22:07 Кулеры и БП станут золотыми? Медь по 13 штук, олово в космосе 
21:18 Точные прогнозы на футбол 
18:56 Moltbook: Соцсеть для ботов, где людям закрыли рот. Началось? 
02:12 Ставки на супер тренды в спорте 
22:31 [AI] Бот за $600к советовал есть сыр с крысами. Нью-Йорк его (наконец-то) снес 
13:38 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 
07:11 Список обновленных тем пуст...