|
|
Модератор форума: Yuri_G |
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » Плавающая Верхнее Меню и плавающие блоки (Уже кучу скриптов перелопатил и без толку) |
Плавающая Верхнее Меню и плавающие блоки |
Пришел к выводу что мой сайт 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) Мой сайт: https://aliprosto.com/
И я горжусь, тем что есть =D |
Это точно, надеюсь Ростиславу это под силу
![]() Мой сайт: https://aliprosto.com/
И я горжусь, тем что есть =D |
Energyy, как вариант, это для блоков http://ssilki.at.ua/forum/2-302-1
|
Посмотрел ваш пример http://ssilki.at.ua/html/fixed.html
Не много не то что я хочу. Мне надо чтобы фиксация была на последнем блоке как в ВК. А у вас на первом - к тому же он у вас не прилипает, а с запозданием приезжает на своё место)))) Мой сайт: https://aliprosto.com/
И я горжусь, тем что есть =D |
Energyy, ну насчёт последнего блока, то это-то как раз и не проблема, где прописал код, там и фиксируется.
тут посмотрите http://ruseller.com/lessons.php?rub=2&id=2139 а вообще в интернете полно такого добра. |
ну насчёт последнего блока, то это-то как раз и не проблема, где прописал код, там и фиксируется. тут посмотрите 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) Мой сайт: https://aliprosto.com/
И я горжусь, тем что есть =D |
помогите пожалуйста
Хочу сделать плавающее меню и плавающие блоки, но как то не получается. Где загвоздка понять не могу. РЕШИЛ СДЕЛАТЬ ПЛАВАЮШУЮ ШАПКУ Загрузил в корень два файла (файлы не редактировал) : 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; } Мой сайт: https://aliprosto.com/
И я горжусь, тем что есть =D |
| |||
| |||