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

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

28 Мая 2013 03:31

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

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

--->((x)) Archer

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

Новые темы	Объявления	Свободное общение
16:33 Работаем в P2P платежах BYBIT \| USDT - RUB , RUB - USDT \| Ищем постоянных клиентов , выгодные условия. 20:13 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 19:41 25$ (ежемесячно) AdSense 21:39 Подскажите где продвигать сайт. 10:57 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 19:12 Мошенники-копирайтеры 08:57 Индексация страниц	17:15 Услуги рассылки Viber\|Whatsapp\|IMO. 16:45 Cryptonet.pro - быстрый и надежный обмен электронных валют! 15:57 Volna.money 15:40 CoinCapital 14:54 Swapper.ws - Обмен криптовалют. Быстро, выгодно, круглосуточно. 14:25 Продам аккаунты Gmail USA IP \| Gmail MIX IP \| Outlook Old 12:51 JustProxy.Biz - Резидентные прокси без ограничения по трафику	23:12 Точные прогнозы на футбол 22:39 Топ-5 способов использовать мобильные прокси для бизнеса: подробный обзор 11:58 Куплю проигрышные букмекерские аккаунты 11:58 Добро пожаловать в цифровой мир... 00:12 Огородники 10:59 Новости искусственного интеллекта 04:26 Хром ругается на форум