Страница 1 из 11
Модератор форума: Yuri_G 
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » Плавающая Верхнее Меню и плавающие блоки (Уже кучу скриптов перелопатил и без толку)
Плавающая Верхнее Меню и плавающие блоки
Energyy
Сообщений: 137
Репутация: 2

Сообщение # 1 | 14:20:51
Пришел к выводу что мой сайт http://aliprosto.com явно предназначен для Плавающего Верхнего Меню и плавающих блоков
Но какие скрипты я не ставил, ничего у меня так и не прилипло

Может есть у кого подходящие скрипты для моего сайта или огромный опыт - буду очень презнателен

Надо что бы это верхнее меню прилипало к окну браузера, при скроллинге вниз



А блоки прилипали на последнем блоке - как в соц. сети ВКонтакте



Для такого явно нужна голова))

Добавлено (21 Янв 2017, 11:38:31)
---------------------------------------------
Моя верхняя часть сайта:



Код
<div id="top">
<div id="logo">
<a href="$HOME_PAGE_LINK$">AliProsto</a>
</div>
<div id="logo_descr">
Справочник<br/>Aliexpress
</div>
<!-- <sblock_menu> -->
<?if($SMENU_1$)?><!-- <bc> -->$SMENU_1$<!-- </bc> --><?endif?>
<!-- </sblock_menu> -->
</div>
<div id="content">
<div id="photo">
<div id="uncheader" class="$UHEADER_CLASS$">
<div id="uCozHeaderMain" style="height: 353px; background: url('/uCozHeader.png') no-repeat 50% 50%; width: 950px; margin: 0px auto;">
<div class="photo_infor">
<div id="photo_info">
<span>Aliexpress.com</span><br/>
торговая площадка в Китае, принадлежащая огромному холдингу Алибаба
</div>
</div>
</div>
</div>
</div>
<div id="icons">
</div>


Страницы сайта:

Код
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>$MODULE_NAME$</title>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
<!--[if IE 7]><link type="text/css" rel="StyleSheet" href="/ie/ie7.css" /><![endif]-->
</head>
<body>
<div id="container">
<div id="wrap">
$GLOBAL_AHEADER$
<div id="middle">
<!-- <middle> -->
<div id="body">
<!-- <body> -->$CONTENT$<!-- </body> -->
</div>
<div id="sidebar">
$GLOBAL_CLEFTER$
</div>
<!-- </middle> -->
</div>

</div>
</div>
<div id="footer">
<div id="f_cont">
$GLOBAL_BFOOTER$
</div>
</div>
</div>
</body>
</html>

Добавлено (21 Янв 2017, 12:56:08)
---------------------------------------------
Первый контейнер:


Код
<!-- <block6364> -->
<div class="block">
<div class="block_title">
<!-- <bt> -->Категории<!-- </bt> -->
</div>
<div class="block_content">
<!-- <bc> --><?ifnot($URI_ID$='puCat84' or $URI_ID$='puCat3' or $URI_ID$='puCat4' or $URI_ID$='puCat5' or $URI_ID$='puCat6' or $URI_ID$='puCat7' or $URI_ID$='puCat8' or $URI_ID$='puCat9' or $URI_ID$='puCat10' or $URI_ID$='puCat68' or $URI_ID$='puCat100' or $URI_ID$='puCat53' or $URI_ID$='puCat2' or $URI_ID$='puCat101')?>
<a href="http://aliprosto.com/publ/aliexpress/str_1/aliexpress/85-1-0-84"><li>AliExpress</a><br>
<a href="http://aliprosto.com/publ/kak_zaregistrirovatsja_na_aliehkspress/stranica_1/kak_zaregistrirovatsja_na_aliehkspress/18-1-0-13"><li>Как Зарегистрироваться</a><br>
<a href="http://aliprosto.com/publ/adres_na_aliehkspress/1_str/kak_pisat_adres_na_aliehkspress/23-1-0-18"><li>Как заполнить Адрес</a><br>
<a href="http://aliprosto.com/publ/5"><li>Проверка продавца</a><br>
<a href="http://aliprosto.com/publ/6"><li>Заказ</a><br>
<a href="http://aliprosto.com/publ/7"><li>Покупка</a><br>
<a href="http://aliprosto.com/publ/8"><li>Отслеживание</a><br>
<a href="http://aliprosto.com/publ/9"><li>Спор</a><br>
<a href="http://aliprosto.com/publ/10"><li>Заработок</a><br>
<a href="http://aliprosto.com/publ/68"><li>Хитрости</a><br>
<a href="http://aliprosto.com/publ/100"><li>Мошенники</a><br>
<a href="http://aliprosto.com/publ/53"><li>Статьи и Инструкции</a><br>
<a href="http://aliprosto.com/publ/kakoj_vybrat_kehshbehk/stranica_1/kakoj_kehshbehk_servis_vybrat_stranica_1/11-1-0-10"><li>Какой выбрать кэшбэк?</a><br>
<a href="http://aliprosto.com/publ/101"><li>Уловки для AliExpress</a><br><?endif?>

<?if($URI_ID$='puCat84')?><a href="http://aliprosto.com/publ/aliexpress/str_1/aliexpress/85-1-0-84"><li>AliExpress</a><?endif?>

<?if($URI_ID$='puCat3')?><a href="http://aliprosto.com/publ/kak_zaregistrirovatsja_na_aliehkspress/stranica_1/kak_zaregistrirovatsja_na_aliehkspress/18-1-0-13"><li>Как Зарегистрироваться</a><?endif?>

<?if($URI_ID$='puCat4')?><a href="http://aliprosto.com/publ/adres_na_aliehkspress/1_str/kak_pisat_adres_na_aliehkspress/23-1-0-18"><li>Как заполнить Адрес</a><?endif?>

<?if($URI_ID$='puCat5')?><a href="http://aliprosto.com/publ/proverka_prodavca/str_1/kak_proverit_prodavca_na_aliehkspress/26-1-0-21"><li>Как проверить продавца</a>
<br><a href="http://aliprosto.com/publ/proverka_prodavca/str_2/stoit_li_ispolzovat_rasshirenija_dlja_brauzera/27-1-0-22"><li>Расширения для браузера</a>
<br><a href="http://aliprosto.com/publ/proverka_prodavca/rejting_prodavca/rejting_prodavca_na_aliexpress/87-1-0-89"><li>Рейтинг продавца</a><?endif?>

<?if($URI_ID$='puCat6')?><a href="http://aliprosto.com/publ/zakaz_na_aliehkspress/str_1/kak_zakazyvat_na_aliexpress/28-1-0-23"><li>Как заказать на AliExpress</a>
<br><a href="http://aliprosto.com/publ/zakaz_na_aliehkspress/str_2/kak_zakazyvat_na_aliehkspress_pravilno/29-1-0-24"><li>Как заказать правильно</a>
<br><a href="http://aliprosto.com/publ/zakaz_na_aliehkspress/str_3/kak_pravilno_zakazyvat_na_aliehkspress_ne_progadav/30-1-0-25"><li>Как заказать не прогадав</a>
<br><a href="http://aliprosto.com/publ/zakaz_na_aliehkspress/str_4/kak_zakazat_s_aliehkspress_v_krym/76-1-0-75"><li>Как заказать в Крым</a><?endif?>

<?if($URI_ID$='puCat7')?><a href="http://aliprosto.com/publ/pokupka_na_aliehkspress/str_1/kak_pokupat_na_aliehkspress/31-1-0-26"><li>Как покупать</a>
<br><a href="http://aliprosto.com/publ/pokupka_na_aliehkspress/str_2/pochemu_pri_pokupke_ne_zachislilsja_kehshbehk/32-1-0-27"><li>Не зачислился кэшбэк</a>
<br><a href="http://aliprosto.com/publ/pokupka_na_aliehkspress/str_3/kak_kupit_na_aliehkspress_so_skidkoj/33-1-0-28"><li>Как купить со скидкой</a>
<br><a href="http://aliprosto.com/publ/pokupka_na_aliehkspress/str_4/kak_kupit_tovar_na_aliehkspress_poshagovaja_instrukcija/34-1-0-29"><li>Как купить товар</a>
<br><a href="http://aliprosto.com/publ/pokupka_na_aliehkspress/str_5/kakoj_sposob_oplaty_vybrat/35-1-0-30"><li>Способ оплаты</a><?endif?>

<?if($URI_ID$='puCat8')?><a href="http://aliprosto.com/publ/otslezhivanie_na_aliehkspress/str_1/kak_otslezhivat_tovar_na_aliexpress/36-1-0-31"><li>Как отслеживать товар</a>
<br><a href="http://aliprosto.com/publ/otslezhivanie_na_aliehkspress/str_2/kak_uznat_treker_posylki_aliexpress/37-1-0-32"><li>Как узнать трекер посылки</a>
<br><a href="http://aliprosto.com/publ/otslezhivanie_na_aliehkspress/str_3/kak_otsledit_posylku_na_aliehkspress_cherez_www_17track_net/38-1-0-33"><li>Отследить через 17track.net</a>
<br><a href="http://aliprosto.com/publ/otslezhivanie_na_aliehkspress/str_4/kak_otslezhivat_tovar_na_aliexpress_pochta_rossii/39-1-0-85"><li>Отслеживать Почтой России</a>
<br><a href="http://aliprosto.com/publ/otslezhivanie_na_aliehkspress/str_5/kak_otsledit_posylku_s_aliehkspress_v_belarus/40-1-0-86"><li>Отследить в Беларусь</a>
<br><a href="http://aliprosto.com/publ/otslezhivanie_na_aliehkspress/str_6/kak_otsledit_tovar_na_aliehkspress_v_kazakhstan_i_ukrainu/41-1-0-36"><li>Отс. в Казахстан и Украину</a>
<br><a href="http://aliprosto.com/publ/otslezhivanie_na_aliehkspress/str_7/programma_dlja_otslezhivanija_posylok_s_aliehkspress/42-1-0-37"><li>Программа отслеживания</a>
<br><a href="http://aliprosto.com/publ/otslezhivanie_na_aliehkspress/str_8/pochemu_ne_otslezhivaetsja_posylka_s_aliehkspress/43-1-0-87"><li>Почему не отслеживается</a>
<br><a href="http://aliprosto.com/publ/otslezhivanie_na_aliehkspress/otslezhivanie_posylok/otslezhivanie_posylok_s_aliexpress/99-1-0-102"><li>Отслеживание посылок</a><?endif?>

<?if($URI_ID$='puCat9')?><a href="http://aliprosto.com/publ/spor_na_aliehkspress/str_1/kak_na_aliehkspress_otkryt_spor/44-1-0-39"><li>Как открыть спор</a>
<br><a href="http://aliprosto.com/publ/spor_na_aliehkspress/str_2/kak_obostrit_spor_na_aliehkspress/45-1-0-40"><li>Как обострить спор</a>
<br><a href="http://aliprosto.com/publ/spor_na_aliehkspress/str_3/kak_vyigrat_spor_na_aliehkspress/46-1-0-41"><li>Как выиграть спор</a>
<br><a href="http://aliprosto.com/publ/spor_na_aliehkspress/str_4/kak_zakryt_spor_na_aliehkspress/47-1-0-42"><li>Как закрыть спор</a>
<br><a href="http://aliprosto.com/publ/spor_na_aliehkspress/str_5/za_chto_blokirujut_akkaunt_na_aliehkspress/81-1-0-81"><li>За что блокируют аккаунт</a>
<br><a href="http://aliprosto.com/publ/spor_na_aliehkspress/str_6/pravila_o_zloupotreblenii_zashhitoj_pokupatelja/82-1-0-82"><li>Злоупотреблении Защитой</a>
<br><a href="http://aliprosto.com/publ/spor_na_aliehkspress/str_7/sluzhba_podderzhki_pokupatelej_aliehkspress/83-1-0-83"><li>Служба поддержки</a><?endif?>

<?if($URI_ID$='puCat10')?><a href="http://aliprosto.com/publ/zarabotok_na_aliehkspress/str_1/kak_zarabotat_na_aliehkspress/48-1-0-49"><li>Как заработать</a>
<br><a href="http://aliprosto.com/publ/zarabotok_na_aliehkspress/str_2/kak_zarabotat_na_kehshbehk/49-1-0-43"><li>Как заработать на кэшбэк</a>
<br><a href="http://aliprosto.com/publ/zarabotok_na_aliehkspress/str_3/kak_zarabotat_na_pereprodazhe_tovarov_s_aliehkspress/50-1-0-44"><li>Заработать на перепродаже</a>
<br><a href="http://aliprosto.com/publ/zarabotok_na_aliehkspress/str_4/kak_sozdat_magazin_na_aliehkspress/51-1-0-45"><li>Как создать магазин</a>
<br><a href="http://aliprosto.com/publ/zarabotok_na_aliehkspress/partnjorskaja_programma_aliehkspress_epn/partnjorskaja_programma_aliehkspress_epn/52-1-0-50"><li>Партнёрская программа EPN</a><?endif?>

<?if($URI_ID$='puCat68')?><a href="http://aliprosto.com/publ/khitrosti/str_2/kak_iskat_brendy_na_aliehkspress/77-1-0-76"><li>Как искать Бренды</a>
<br><a href="http://aliprosto.com/publ/khitrosti/str_3/kak_zarabotat_na_aliehkspress_mnogo/78-1-0-77"><li>Как заработать много</a>
<br><a href="http://aliprosto.com/publ/khitrosti/str_4/kak_poluchit_dvojnoj_kehshbehk_s_pomoshhju_sertifikatov_aliehkspress/79-1-0-78"><li>Получаем двойной кэшбэк</a>
<br><a href="http://aliprosto.com/publ/khitrosti/str_5/ulovka_s_cenami/80-1-0-80"><li>Уловка с ценами</a><?endif?>

<?if($URI_ID$='puCat100')?><a href="http://aliprosto.com/publ/moshenniki/kak_obmanyvajut/kak_obmanyvajut_na_aliexpress/102-1-0-103"><li>Как обманывают</a><?endif?>

<?if($URI_ID$='puCat53')?><a href="http://aliprosto.com/publ/stati_i_instrukcii_aliehkspress/str_1/kak_vybrat_kitajskij_chaj_na_aliehkspress/54-1-0-51"><li>Как выбрать китайский чай</a>
<br><a href="http://aliprosto.com/publ/stati_i_instrukcii_aliehkspress/str_2/kak_najti_tovar_na_aliehkspress/55-1-0-52"><li>Как найти товар</a>
<br><a href="http://aliprosto.com/publ/stati_i_instrukcii_aliehkspress/str_11/kak_oplachivat_tamozhennuju_poshlinu_za_posylku_iz_kitaja/64-1-0-64"><li>Оплачиваем там. пошлину</a>
<br><a href="http://aliprosto.com/publ/stati_i_instrukcii_aliehkspress/str_3/kak_vybrat_razmer_obuvi_na_aliehkspress/56-1-0-53"><li>Как выбрать размер обуви</a>
<br><a href="http://aliprosto.com/publ/stati_i_instrukcii_aliehkspress/str_12/kak_dokazat_chto_fleshka_ne_rabotaet/65-1-0-65"><li>Флешка не работает</a>
<br><a href="http://aliprosto.com/publ/stati_i_instrukcii_aliehkspress/str_4/luchshij_kehshbehk_top_3_samykh_samykh/57-1-0-54"><li>Лучший кэшбэк - ТОП 3</a>
<br><a href="http://aliprosto.com/publ/stati_i_instrukcii_aliehkspress/str_13/kak_sokhranit_kartinku_s_aliehkspress/66-1-0-66"><li>Сохраняем картинку с сайта</a>
<br><a href="http://aliprosto.com/publ/stati_i_instrukcii_aliehkspress/str_5/kak_vybrat_razmer_kolca_na_aliexpress/58-1-0-55"><li>Как выбрать размер кольца</a>
<br><a href="http://aliprosto.com/publ/stati_i_instrukcii_aliehkspress/str_10/kak_ne_platit_tamozhennuju_poshlinu_pokupaja_na_sajte_aliehkspress/63-1-0-63"><li>Не платим там. пошлину</a>
<br><a href="http://aliprosto.com/publ/stati_i_instrukcii_aliehkspress/str_14/kak_dokazat_na_aliehkspress_chto_sumka_ne_iz_kozhi/67-1-0-67"><li>Сумка не из кожи</a>
<br><a href="http://aliprosto.com/publ/stati_i_instrukcii_aliehkspress/str_6/kak_najti_samyj_deshevyj_tovar_na_aliehkspress/59-1-0-56"><li>Как найти дешевый товар</a>
<br><a href="http://aliprosto.com/publ/stati_i_instrukcii_aliehkspress/str_7/kak_zaregistrirovatsja_na_aliehksress_v_kachestve_prodavca/60-1-0-57"><li>Зарег. в качестве продавца</a>
<br><a href="http://aliprosto.com/publ/stati_i_instrukcii_aliehkspress/str_51/kakoj_kehshbehk_servis_vybrat/71-1-0-70"><li>Выбираем кэшбэк сервис</a>
<br><a href="http://aliprosto.com/publ/stati_i_instrukcii_aliehkspress/str_9/kak_zarabotat_na_servisakh_kehshbehk/62-1-0-62"><li>Заработать на кэшбэк</a>
<br><a href="http://aliprosto.com/publ/stati_i_instrukcii_aliehkspress/str_16/chto_delat_esli_zablokirovali_akkaunt_na_aliehkspress/72-1-0-71"><li>Заблокировали аккаунт</a>
<br><a href="http://aliprosto.com/publ/stati_i_instrukcii_aliehkspress/str_17/kak_obshhatsja_s_prodavcom_na_aliexpress/73-1-0-72"><li>Как общаться с продавцом</a>
<br><a href="http://aliprosto.com/publ/stati_i_instrukcii_aliehkspress/str_18/esli_ne_zagruzhaetsja_video_pri_otkrytii_spora_na_aliehkspress/74-1-0-73"><li>Если не загружается видео</a>
<br><a href="http://aliprosto.com/publ/stati_i_instrukcii_aliehkspress/str_19/pochemu_ne_stoit_otkryvat_spor_v_mobilnom_prilozhenii_na_aliehkspress/75-1-0-74"><li>Спор в моб. приложении</a>
<br><a href="http://aliprosto.com/publ/stati_i_instrukcii_aliehkspress/kak_stat_blogerom_itao/kak_stat_blogerom_na_sajte_ajtao/86-1-0-88"><li>Как стать блогером iTao</a>
<br><a href="http://aliprosto.com/publ/stati_i_instrukcii_aliehkspress/kak_vybrat_cvet_laka/kak_vybrat_cvet_laka_na_aliehkspress/88-1-0-91"><li>Как выбрать цвет лака</a>
<br><a href="http://aliprosto.com/publ/stati_i_instrukcii_aliehkspress/kak_vybrat_voditelskie_ochki/kak_vybrat_voditelskie_ochki_na_aliexpress/89-1-0-92"><li>Выбор, водительские очки</a>
<br><a href="http://aliprosto.com/publ/stati_i_instrukcii_aliehkspress/chekhol_dlja_macbook/gde_kupit_chekhol_dlja_macbook/90-1-0-93"><li>Чехол для Macbook</a>
<br><a href="http://aliprosto.com/publ/stati_i_instrukcii_aliehkspress/vybiraem_pukhovik/kak_vybrat_pukhovik_na_aliexpress/91-1-0-94"><li>Выбираем пуховик</a>
<br><a href="http://aliprosto.com/publ/stati_i_instrukcii_aliehkspress/kak_vybrat_usb_fleshku/kak_vybrat_usb_fleshku_na_aliexpress/92-1-0-95"><li>Выбираем USB флешку</a>
<br><a href="http://aliprosto.com/publ/stati_i_instrukcii_aliehkspress/feg_dlja_resnic/feg_sredstvo_dlja_rosta_resnic_na_aliexpress/93-1-0-96"><li>Feg для ресниц</a>
<br><a href="http://aliprosto.com/publ/stati_i_instrukcii_aliehkspress/naushniki_cherez_bluetooth/kak_podkljuchit_besprovodnye_naushniki_k_kompjuteru_cherez_bluetooth/94-1-0-97"><li>Наушники через Bluetooth?</a>
<br><a href="http://aliprosto.com/publ/stati_i_instrukcii_aliehkspress/pokupaem_led_lampochki/kakie_led_lampochki_kupit_na_aliehkspress/95-1-0-98"><li>Покупаем LED лампочки</a>
<br><a href="http://aliprosto.com/publ/stati_i_instrukcii_aliehkspress/kak_vybrat_power_bank/kak_vybrat_power_bank_na_aliexpress/96-1-0-99"><li>Как выбрать Power Bank</a>
<br><a href="http://aliprosto.com/publ/stati_i_instrukcii_aliehkspress/vybiraem_lezvie_dlja_pedikjura/kak_vybrat_lezvie_dlja_pedikjura_na_aliehkspress/97-1-0-100"><li>Лезвие для педикюра</a>
<br><a href="http://aliprosto.com/publ/stati_i_instrukcii_aliehkspress/majka_s_putinym/majka_s_putinym_na_aliexpress_s_uvazhukhoj_iz_kitaja/98-1-0-101"><li>Майка с Путиным</a><?endif?>

<?if($URI_ID$='puCat2')?><a href="http://aliprosto.com/publ/kakoj_vybrat_kehshbehk/stranica_1/kakoj_kehshbehk_servis_vybrat_stranica_1/11-1-0-10"><li>Какой кэшбэк выбрать</a><?endif?>

<?if($URI_ID$='puCat101')?><a href="http://aliprosto.com/publ/ulovki_dlja_aliexpress/kak_ne_platit_za_tovar/kak_ne_platit_za_tovar_s_sajta_aliehkspress/103-1-0-104"><li>Как не платить за товар</a><?endif?><!-- </bc> -->
</div>
</div>
<!-- </block6364> -->

<!-- <block5> -->
<?if($LOGIN_FORM$)?>
<div class="block">
<div class="block_title">
<!-- <bt> --><!--<s5158>-->Вход на сайт<!--</s>--><!-- </bt> -->
</div>
<div class="block_content">
<!-- <bc> -->$LOGIN_FORM$<!-- </bc> -->
</div>
</div>
<?endif?>
<!-- </block5> -->

<!-- <block2014> -->
<?if($MODULE_SEARCH_FORM$)?>
<div class="block">
<div class="block_title">
<!-- <bt> -->Поиск по сайту<!-- </bt> -->
</div>
<div class="block_content">
<!-- <bc> -->$MODULE_SEARCH_FORM$<!-- </bc> -->
</div>
</div>
<?endif?>
<!-- </block2014> -->

<!-- <block6> -->
<div class="block">
<div class="block_title">
<!-- <bt> -->Онлайн чат<!-- </bt> -->
</div>
<div class="block_content">
<!-- <bc> --><script type="text/javascript" src="http://aliprosto.com/rtr/3-24"></script><!-- </bc> -->
</div>
</div>
<!-- </block6> -->

<!-- <block12> -->
<?if($COUNTER$ || $ONLINE_COUNTER$)?>
<!-- <gr12> --><?if($GROUP_ID$=='4')?><!-- </gr> -->
<div class="block">
<div class="block_title">
<!-- <bt> --><!--<s5195>-->Статистика<!--</s>--><!-- </bt> -->
</div>
<div class="block_content">
<div align="center"><!-- <bc> -->$COUNTER$<?if($ONLINE_COUNTER$)?><hr />$ONLINE_COUNTER$$ONLINE_USERS_LIST$<?endif?><!-- </bc> --></div>
</div>
</div>
<!-- <gre> --><?endif?><!-- </gre> -->
<?endif?>
<!-- </block12> -->

<!-- <block13> -->
<div class="block">
<div class="block_title">
<!-- <bt> -->Полезное<!-- </bt> -->
</div>
<div class="block_content">
<!-- <bc> --><!--<s1546>--><li><a href="https://alitems.com/g/1e8d114494d3eb10faa116525dc3e8/?ulp=https%3A%2F%2Fru.aliexpress.com%2Fru_home.htm%3Fspm%3D2114.11020108.1000002.1.Yqazvv" target="_blank" rel="noopener nofollow">ru.aliexpress.com</a></li>
<li><a href="https://www.admitad.com/ru/promo/?ref=6e4fcdf7ba" target="_blank" rel="noopener nofollow">admitad.com</a></li>
<li><a href="http://faq.ucoz.ru/" target="_blank" rel="noopener nofollow">FAQ по системе</a></li>
<li><a href="https://vk.com/id44369828" target="_blank" rel="noopener nofollow">По вопросам Рекламы</a></li><!--</s>--><!-- </bc> -->
</div>
</div>
<!-- </block13> -->

Добавлено (22 Янв 2017, 14:20:51)
---------------------------------------------
Видимо нам надо ждать Ростислава


Мой сайт: http://aliprosto.com/
И я горжусь, тем что есть =D
mrx
Сообщений: 288
Репутация: 45

Сообщение # 2 | 18:47:51
Energyy, это не такая простая задача, как вам кажется.
Energyy
Сообщений: 137
Репутация: 2

Сообщение # 3 | 19:12:00
Это точно, надеюсь Ростиславу это под силу wacko

Мой сайт: http://aliprosto.com/
И я горжусь, тем что есть =D
bandjuk
Сообщений: 6767
Репутация: 2379
Уровень замечаний:

Сообщение # 4 | 11:47:31
Energyy, как вариант, это для блоков http://ssilki.at.ua/forum/2-302-1
Energyy
Сообщений: 137
Репутация: 2

Сообщение # 5 | 11:58:04
Цитата bandjuk ()
как вариант, это для блоков http://ssilki.at.ua/forum/2-302-1
Посмотрел ваш пример http://ssilki.at.ua/html/fixed.html

Не много не то что я хочу.
Мне надо чтобы фиксация была на последнем блоке как в ВК. А у вас на первом - к тому же он у вас не прилипает, а с запозданием приезжает на своё место))))

Мой сайт: http://aliprosto.com/
И я горжусь, тем что есть =D
bandjuk
Сообщений: 6767
Репутация: 2379
Уровень замечаний:

Сообщение # 6 | 12:02:09
Energyy, ну насчёт последнего блока, то это-то как раз и не проблема, где прописал код, там и фиксируется.
тут посмотрите http://ruseller.com/lessons.php?rub=2&id=2139
а вообще в интернете полно такого добра.
Energyy
Сообщений: 137
Репутация: 2

Сообщение # 7 | 12:22:42
Цитата bandjuk ()
ну насчёт последнего блока, то это-то как раз и не проблема, где прописал код, там и фиксируется. тут посмотрите http://ruseller.com/lessons.php?rub=2&id=2139 а вообще в интернете полно такого добра.

Мне кажется в ВК плавающие блоки работают на jQuery если это возможно.
К сожалению у меня нету большого опыта))

Добавлено (23 Янв 2017, 12:21:43)
---------------------------------------------
Я пробнул поставить вот этот скрипт для Шапки



Код
<style>
.sticky {
  position: fixed;
  top: [b][color=#fb4802]0px;[i]  [color=#759000]/* если ноль заменить на число (и в скрипте тоже), то блок будет прилипать до того, как верхний край окна браузера дойдёт до верхнего края элемента. Может быть отрицательным числом. Применим, например, [u][color=#0066cc]при фиксированном сверху меню [color=#759000]*/
  z-index: 101;
}
</style>

<script>
(function(){  [i][color=#759000]// анонимная функция (function(){ })(), чтобы переменные "a" и "b" не стали глобальными
var a = document.querySelector('[b][color=#fb4802]#aside1'), b = null;  [i][color=#759000]// селектор блока, который нужно закрепить
window.addEventListener('scroll', Ascroll, false);
document.body.addEventListener('scroll', Ascroll, false);  [i][color=#759000]// если [u][color=#0066cc]у html и body высота равна 100%
function Ascroll() {
  if (b == null) {  [i][color=#759000]// добавить потомка-обёртку, чтобы убрать зависимость с соседями
    var Sa = getComputedStyle(a, ''), s = '';
    for (var i = 0; i < Sa.length; i++) {  [i][color=#759000]// [u][color=#0066cc]перечислить стили CSS, которые нужно скопировать с родителя
      if (Sa[i].indexOf('overflow') == 0 || Sa[i].indexOf('padding') == 0 || Sa[i].indexOf('border') == 0 || Sa[i].indexOf('outline') == 0 || Sa[i].indexOf('box-shadow') == 0 || Sa[i].indexOf('background') == 0) {
        s += Sa [i]+ ': ' +Sa.getPropertyValue(Sa[i]) + '; '
      }
    }
    b = document.createElement('div');  [i][color=#759000]// создать потомка
    b.style.cssText = s + ' box-sizing: border-box; width: ' + a.offsetWidth + 'px;';
    a.insertBefore(b, a.firstChild);  [i][color=#759000]// поместить потомка в цепляющийся блок первым
    var l = a.childNodes.length;
    for (var i = 1; i < l; i++) {  [i][color=#759000]// переместить во вновь созданного потомка всех остальных потомков (итого: [u][color=#0066cc]создан потомок-обёртка[color=#759000], внутри которого по прежнему работают скрипты)
      b.appendChild(a.childNodes[1]);
    }
    a.style.height = b.getBoundingClientRect().height + 'px';  [i][color=#759000]// если под скользящим элементом есть другие блоки, можно своё значение
    a.style.padding = '0';    a.style.border = '0';  [i][color=#759000]// если элементу присвоен [u][color=#0066cc]padding [color=#759000]или [u][color=#0066cc]border
  }
  if (a.getBoundingClientRect().top <= [b][color=#fb4802]0) { [i][color=#759000]// [u][color=#0066cc]elem.getBoundingClientRect() [color=#759000]возвращает в px координаты элемента относительно верхнего левого угла области просмотра окна браузера
    b.className = 'sticky';
  } else {
    b.className = '';
  }
  window.addEventListener('resize', function() {    a.children[0].style.width = getComputedStyle(a, '').width
  }, false);  [i][color=#759000]// если изменить размер окна браузера, измениться ширина элемента
}
})()
</script>

Но ничего не поехало, и даже не было намёка на то, что Шапка сайта хочет прилипнуть

Может я не туда поставил или что то надо было дописать - не знаю

Добавлено (23 Янв 2017, 12:22:42)
---------------------------------------------
Демо


Мой сайт: http://aliprosto.com/
И я горжусь, тем что есть =D
mrx
Сообщений: 288
Репутация: 45

Сообщение # 8 | 16:03:36
Energyy, если очень надо, могу сделать. Не бесплатно, конечно же. Пишите в лс. Готовое решение вы вряд ли найдёте, а если даже и найдёте, то всё равно придётся переделывать весь код под себя.
Energyy
Сообщений: 137
Репутация: 2

Сообщение # 9 | 17:39:01
помогите пожалуйста

Хочу сделать плавающее меню и плавающие блоки, но как то не получается.
Где загвоздка понять не могу.

РЕШИЛ СДЕЛАТЬ ПЛАВАЮШУЮ ШАПКУ

Загрузил в корень два файла (файлы не редактировал) :
jquery.menu
jquery-1.11.0.min

Указал в css (Редактор Страниц - страницы сайта) перед </head> то, куда залил файлы на сайт
Код
<script type="text/javascript" src="http://aliprosto.com/ie/Sistems/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="http://aliprosto.com/ie/Sistems/jquery.menu.js"></script>


Поставил код в таблицу стилей сss

Код
@import url(reset.css); body {   font: 14px/1.4 Arial, Tahoma, Verdana, sans-serif; } h3 {   font-size: 20px; } p {   margin: 10px 0; } #header  #menu ul li {   float: left;   padding: 13px 25px;   border-right: 1px solid #e7ab45; } #menu ul li a {   text-transform: uppercase;   text-decoration: none;   color: #996633;   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } #menu ul li a:hover {   text-decoration: underline; } #content {   padding: 20px 35px; }


Правда есть файл resset, который так и не понял куда поставить и засем он нужен

Код
/* http://meyerweb.com/eric/tools/css/reset/    v2.0 | 20110126   License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {   margin: 0;   padding: 0;   border: 0;   font-size: 100%;   font: inherit;   vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure,  footer, header, hgroup, menu, nav, section {   display: block; } body {   line-height: 1; } ol, ul {   list-style: none; } blockquote, q {   quotes: none; } blockquote:before, blockquote:after, q:before, q:after {   content: '';   content: none; } table {   border-collapse: collapse;   border-spacing: 0; }

Мой сайт: http://aliprosto.com/
И я горжусь, тем что есть =D
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » Плавающая Верхнее Меню и плавающие блоки (Уже кучу скриптов перелопатил и без толку)
Страница 1 из 11
Поиск: