Форум русской поддержки Joomla!® CMS
10.12.2016, 16:49:11 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Фиксация меню вверху страницы при прокрутке вниз

 (Прочитано 13569 раз)
0 Пользователей и 1 Гость смотрят эту тему.
schel4ok
Давно я тут
****

Репутация: +3/-1
Offline Offline

Сообщений: 224



« : 03.04.2014, 16:22:00 »

видел на многих сайтах прикольную вещь.
Есть шапка с картинкой.
Под шапкой горизонтальное меню.

Когда юзер загружает сайт на большом экране, он видит эту картинку в шапке и меню ну и может быть еще немного текста снизу.
А когда начинает прокручивать страницу вниз, то как только меню достигает верхнего края окна браузера, то оно к нему прилипает и юзер больше не видит шапку.

У меня такая штука получалась только если горизонтальное меню в самом верху и над ним вообще ничего нету. В этом случае свойство static: fixed работает без проблем.

А вот если над меню что-то есть, как тут http://joomla.stilnyeokna.ru/
То такой способ не работает.

Кто-то может помочь?
Записан
alex38ann
Осваиваюсь на форуме
***

Репутация: +7/-0
Offline Offline

Пол: Мужской
Сообщений: 195


jo-J3-e-Jl-u-P


« Ответ #1 : 04.04.2014, 07:45:57 »

думаю это Вам нужно: Фиксируем меню при прокрутке страницы
Записан
schel4ok
Давно я тут
****

Репутация: +3/-1
Offline Offline

Сообщений: 224



« Ответ #2 : 04.04.2014, 12:19:59 »

Попробовал так сделать, но почему-то не получается.
Пишет ошибку event.returnValue is deprecated. Please use the standard event.preventDefault() instead.
Пробовал гуглить. Везде пишут, что эта ошибка не должна мешать работе. Однако у меня не пашет.
http://joomla.stilnyeokna.ru/
Записан
alex38ann
Осваиваюсь на форуме
***

Репутация: +7/-0
Offline Offline

Пол: Мужской
Сообщений: 195


jo-J3-e-Jl-u-P


« Ответ #3 : 04.04.2014, 13:52:51 »

работает ведь?! по крайней мере по вашей ссылке у меня меню остается в верху с отступом около 150px

воспользуйтесь гуглом. там много вариантов:
Фиксируем блок в процессе вертикальной прокрутки (css, jquery)
Фиксированный плавающий div
« Последнее редактирование: 04.04.2014, 13:56:37 от alex38ann » Записан
Shustry
Moderator
*****

Репутация: +727/-3
Offline Offline

Пол: Мужской
Сообщений: 6667


Рисую дизайны


« Ответ #4 : 04.04.2014, 13:56:37 »

http://www.xiper.net/collect/js-plugins/position-and-size/fixedbox.html
Записан
schel4ok
Давно я тут
****

Репутация: +3/-1
Offline Offline

Сообщений: 224



« Ответ #5 : 04.04.2014, 14:12:55 »

работает ведь?! по крайней мере по вашей ссылке у меня меню остается в верху с отступом около 150px

так там работает тупо position: fixed

а при прокрутке свойство top не меняется на ноль
Записан
Shustry
Moderator
*****

Репутация: +727/-3
Offline Offline

Пол: Мужской
Сообщений: 6667


Рисую дизайны


« Ответ #6 : 04.04.2014, 14:16:10 »

Смысл работы как раз и есть в замене на position:fixed и обратно, при определённых условиях.
Записан
schel4ok
Давно я тут
****

Репутация: +3/-1
Offline Offline

Сообщений: 224



« Ответ #7 : 04.04.2014, 14:25:22 »

уж это-то я понял
но он не меняется скриптами, а всегда равен fixed
Записан
schel4ok
Давно я тут
****

Репутация: +3/-1
Offline Offline

Сообщений: 224



« Ответ #8 : 04.04.2014, 14:27:00 »

короче я все понял.
помог анализ скрипта, предложенного здесь http://serg-smirnoff.com/2014/01/03/post_9168.htm

но он в этом виде не работает

если залезть в код демо примера, то можно увидеть, что там логика совсем другая

Записан
schel4ok
Давно я тут
****

Репутация: +3/-1
Offline Offline

Сообщений: 224



« Ответ #9 : 04.04.2014, 14:27:31 »

код надо брать прямо из работающего примера
Записан
Fedor Vlasenko
Профи
********

Репутация: +696/-5
Offline Offline

Пол: Мужской
Сообщений: 3820


Все начинается с Value


« Ответ #10 : 06.04.2014, 12:42:13 »

Как вариант если я правильно понял
http://jsfiddle.net/vlasenkofedor/j9Y9a/
Записан
sergoguga
Живу я здесь
******

Репутация: +70/-8
Offline Offline

Пол: Мужской
Сообщений: 990


www.mpbox.ru


« Ответ #11 : 18.08.2014, 07:54:15 »

устарела ссылка)))) - http://www.mpbox.ru/collect/js-plugins/position-and-size/fixedbox.html
Записан
dvd-obzor
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 31


« Ответ #12 : 31.10.2014, 08:32:47 »

А как сделать два плавающих блока слева и справа?
Записан
AlekVolsk
Профи
********

Репутация: +317/-3
Offline Offline

Пол: Мужской
Сообщений: 6461



« Ответ #13 : 31.10.2014, 08:47:07 »

Точно так же, как и один, по той же самой схеме, что и меню в примерах выше.
Записан
dvd-obzor
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 31


« Ответ #14 : 31.10.2014, 09:43:15 »

Точно так же, как и один, по той же самой схеме, что и меню в примерах выше.
Ясно.

На компе заработало, а вот на планшетах объявление идёт по верх текста статей.
Есть настройка, что бы эта функция на планшетах не работала и на разрешении 800 на 600?
Записан
Сержo
Осваиваюсь на форуме
***

Репутация: +4/-1
Offline Offline

Пол: Мужской
Сообщений: 115



« Ответ #15 : 31.10.2014, 14:15:53 »

deleted
« Последнее редактирование: 29.11.2014, 12:14:34 от Сержo » Записан
Сержo
Осваиваюсь на форуме
***

Репутация: +4/-1
Offline Offline

Пол: Мужской
Сообщений: 115



« Ответ #16 : 31.10.2014, 14:19:00 »

задублировал  Grin
Записан
rain_heart
Новичок
*

Репутация: +1/-0
Offline Offline

Сообщений: 4


« Ответ #17 : 06.12.2014, 19:42:28 »

Кто работает с t3-frameworks вот тут все написанно

http://www.t3-framework.org/documentation/menu-system.html#sticky-menu
Записан
Eholov
Осваиваюсь на форуме
***

Репутация: +13/-0
Offline Offline

Сообщений: 146



« Ответ #18 : 21.10.2015, 17:05:36 »

Мне этот вариант понравился http://www.xiper.net/collect/js-plugins/position-and-size/fixedbox.html без подключения новых jQuery к сайту. Сайт на Joomla 3 Реализовал в этом калькуляторе расчета цены потолков http://acos.com.ua/kalkulyator
« Последнее редактирование: 21.10.2015, 17:10:35 от Eholov » Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet