Прилипание блока к верху страницы.

Сообщений: 616 Регистрация: Окт 2012

28 Мая 2013 03:31

Подскажите пожалуйста как сделать как вот тут > http://beauty-in-health.net/jumor/aforizmy-pro-dietu/
Что бы левый блок прилипал к верху страницы.... Или как на авито, там блок остается по середине и не заходит за нижние границы.

Я уже три с половиной часа сижу капаюсь в инете, уже в голове каша. Просветите кто знает как... Заранее очень благодарен тем кто отзовется....

--->((x)) Archer

Сообщений: 22744 Регистрация: Май 2011

28 Мая 2013 04:24

Не копайте интернет, копайте исходный код - стиль и скрипт для класса sidebar-L В исходнике самого этого сайта всё, что Вам нужно.

Мы не можем похвастаться мудростью глаз
И умелыми жестами рук,
Нам не нужно все это, чтобы друг друга понять.
Сигареты в руках, чай на столе - так замыкается круг,
И вдруг нам становится страшно что-то менять.

Альберт Дубин

Сообщений: 35 Регистрация: Янв 2012

28 Мая 2013 05:02

Вот тебе ссылки, первая как сделать это на jquery, вторая как пример на Drupal.
workinweb.com.ua/content/plavayushchiy-div-na-jquery
workinweb.com.ua/content/delaem-plavayushchiy-blok-s-pomoshchyu-modulya-floating-block

Что же касается того сайта, то у них за этот эффект отвечает вот этот код

Цитата
var $window = $(window), $navigation = $("#sidebar-L"); $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"); } });

Привязываешься к id элемента, а дальше все просто.

http://workinweb.com.ua/

Админ Компа

Сообщений: 616 Регистрация: Окт 2012

28 Мая 2013 18:56

Цитата
--->((x)) Archer пишет: Не копайте интернет, копайте исходный код - стиль и скрипт для класса sidebar-L В исходнике самого этого сайта всё, что Вам нужно.

Я все его css облазил, я не понял что от чего, там вроде нет ни каких скриптов. Только размеры.

Админ Компа

Сообщений: 616 Регистрация: Окт 2012

28 Мая 2013 18:57

Цитата

Альберт Дубин пишет:
Вот тебе ссылки, первая как сделать это на jquery, вторая как пример на Drupal.
workinweb.com.ua/content/plavayushchiy-div-na-jquery
workinweb.com.ua/content/delaem-plavayushchiy-blok-s-pomoshchyu-modulya-floating-block

Что же касается того сайта, то у них за этот эффект отвечает вот этот код

Цитата
var $window = $(window), $navigation = $("#sidebar-L"; $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"; } });

Привязываешься к id элемента, а дальше все просто.

А как его правильно вставить? мне это как то не знакомо.

Василий Бойчук

Сообщений: 1 Регистрация: Апр 2013

8 Июня 2013 22:22

Решил задачу? Пиши на мыло, я это делал boichukvd@gmail.com

Админ Компа

Сообщений: 616 Регистрация: Окт 2012

9 Июня 2013 20:37

Василий Бойчук, Вы так хотели пошутить? Мол пиши на почту помогу, но не отвечу....

Альберт Дубин

Сообщений: 35 Регистрация: Янв 2012

14 Июня 2013 04:47

Цитата
Админ Компа пишет: А как его правильно вставить? мне это как то не знакомо.

Внутрь тега head вставляешь сей код между тегами script, как-то так:

<script type="text/javascript">твой код</script>

13.02.2017 18:47	Перенос блока при достижении N px.
19.04.2015 22:32	Пример верстки блоками
05.10.2013 23:44	Сворачивание блока div.
29.05.2013 23:17	Перемещение рекламного блока вместе с перемоткой страницы.
29.05.2013 19:25	Прилипание блока div к верху страницы.

Новые темы	Объявления	Свободное общение
22:45 Всем привет! 19:37 Xrumer-полезный софт или нет? 17:26 AI под надзором. Минцифры готовят клеймо для контента 17:23 APK на паузе. Google убивает быстрый конверт 17:18 Яндекс-ап 20 марта и похороны ChatGPT, Claude и Gemini. Считаем убытки 15:02 Слипание слов в блоке 10:39 MAX попер в бурж: 40 стран, ведение каналов и горы дешевого трафика	17:24 Обменный Сервис - Купец (Kupec.cc) 15:52 Продам аккаунты Gmail USA IP \| Gmail MIX IP \| Outlook Old 14:06 Продвижение YouTube видео в топ поиска \| Любой тип контента \| Гарантия результата 14:06 №1 Рассылка / Инвайтинг [TELEGRAM] \| Приватный метод 14:06 Trustpilot Reviews \| Подниму рейтинг вашей компании 14:06 Установка\|Настройка\|Доработка\|Наполнение сайтов\|Дизайн\|3D\|Видеомонтаж 13:24 Мобильные и Резидентные Прокси Для Соц Сетей \| 3 Гб Бесплатно	01:42 Точные прогнозы на футбол 00:53 Сайты Рунета 21:59 8 марта: желаю аптайма 99.9% и e-e-a-t без локов 21:22 молодильные яблоки и живая вода 08:52 Чак Норрис ушел - 19 марта 2026, 86 лет, семья подтвердила 20:23 Панель Кнопки соцсетей 14:03 Огородники