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

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

28 Мая 2013 03:31

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

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

--->((x)) Archer

Сообщений: 22480 Регистрация: Май 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 к верху страницы.

Новые темы	Объявления	Свободное общение
21:37 01.02. Апдейт 31.01 // Chrome готовит "чёрную метку" для ИИ? 19:27 Плагин ответа 19:20 SEO под нейро 19:16 Дзен окончательно всё? Или у кого-то еще «стреляет» белый контент? 19:13 РСЯ и тормоза сайта: Яндекс начал штрафовать за плохой PageSpeed? 19:10 Трафик пробил дно? Худший январь за 10 лет и внезапный рост продаж с Bing 15:50 Яндекс туда же: "Нейро" отжал 50% первого экрана. Органический трафик падает	01:57 В топ1 за 3-5 дней НЕПФ 00:47 Swapwatch.org — Мониторинг криптовалютных обменников 18:39 SellBuycoin.io - надежный проводник в мир обмена криптовалют на фиат и наличные по РФ! 17:25 SMS.PRO - площадка для продажи твоих номеров 16:14 Все услуги в Телеграм 14:16 Nexulume.com Обменник без AML и KYC 13:43 Anonflare - Приватные IPv4 прокси от 0.39 USD	02:17 Точные прогнозы на футбол 01:02 Ставки на супер тренды в спорте 20:56 [AI] Бот за $600к советовал есть сыр с крысами. Нью-Йорк его (наконец-то) снес 15:38 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 17:02 Gartner обещал смерть SEO к 2026 году. Открываем метрику и проверяем 08:25 Отвратительное поведение 11:00 Кто может дать инвайт на WebMasters?