0 Пользователей и 1 Гость просматривают эту тему.
  • 4 Ответов
  • 939 Просмотров
*

deminevgen

  • Осваиваюсь на форуме
  • 117
  • 2
Делаю leanding page и нужно сделать меню, которое будет плавно переводить на определённую позицию сайта. Может кто знает как на Joomla реализовать? Или статью какую нибудь подскажет.
*

ShfVD

  • Живу я здесь
  • 874
  • 65
Насчет плавно вряд ли, но перейдет
http://htmlbook.ru/samhtml/yakorya
*

Arkadiy

  • Группа развития
  • 5350
  • 440
  • Крепитесь, други.
Для плавности еще javascript прицепить, и все.
*

deminevgen

  • Осваиваюсь на форуме
  • 117
  • 2
И так, переход делать научился. и даже стандартное меню смог заставить работать для перехода.
1) создаю пункт меню как системная ссылка внешний url и задаю ей #test
2)в странице в какой нибудь текст вставляю <a name="test"></a>
Но как сделать плавный переход так и не могу понять
нашёл вот такой http://jsfiddle.net/Vandeplas/up4nu/149/ где есть всё, а как прикрутить jqery не могу понять
Тестирую на protostar.

*

deminevgen

  • Осваиваюсь на форуме
  • 117
  • 2
Народ, кто может помочь?
если начистую ставлю скрипт с http://jsfiddle.net/Vandeplas/up4nu/149/
то всё работает
а если пытаюсь в Joomla его прилепить, делая всё так же как и начистую, а именно:
1)качаю jquery 2.1.3 и прилепляю его в шапку <script src="js/jquery.2.1.3.js" defer></script>
2)создаю скрипт main.js с содержимым из примера выше. и так же прилепляю его <script src="js/main.js" defer></script>
3)css и HTML не трогаю, так как у меня есть меню в шаблоне и стили к нему уже прописаны
4)создаю пунк меню с якорем в самом низу сайта, всё прекрасно переходит, но без плавности
5)иду в main.js и меню #top-menu на свой а именно menu
и в итоге ничего(((((( плавности нет, что я упускаю?

после долгих и тяжёлых мучений всё получилось.
Дело было в jquery которую joomla3 использует по умолчанию
при забивании в console:
Код
var msg;
if (window.jQuery) {
    msg = 'You are running jQuery version: ' + jQuery.fn.jquery;
} else {
    msg = 'jQuery is not installed';
}
alert(msg);
выдавало 1.11.2, как бы всё подключено... Но выяснилось что с этим jquery скрипт не работает.
Решил установить повыше и всё заработало. Использовал 2.1.3
1)создал 2 файла scroll.js в него поместил скрипт javascript вот отсюда  http://jsfiddle.net/yurik417/zW94b/16/
второй файл это jquery скачанный вот отсюда http://code.jquery.com/jquery-2.1.3.js
Оба файла поместил в папку js, которая находится в моем шаблоне.
2)в шаблоне в файле index.php после bootstrap прописал вот это
Код
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/js/jquery-2.1.3.js');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/js/scroll.js');
3)внизу страницы, куда я хотел что бы был плавный переход, я вставил вот такой код
Код
<a id="scroll"></a>
4)Создал новый пунк меню тип внешний url и вписал #scroll
5)Из скрипта я понял что он ориентируется на class под названием landingNav, и вот этот класс я теперь прописываю любому элементу: (изображению с сылкой, кнопке, пункту меню), И получаю плавный переход.
Для меню класс задавал не просто через CSS-класс ссылки а через Helix Megamenu Options, в нём тоже есть пункт Custom CSS Class, но я как понял он идёт для всего меню.
Времени убил кучу на решение, тк не знаком с языками программирования достаточно хорошо.
Остался ещё 1 момент не решённый в оригинальном примере при скроле активный пункт меню подсвечивается, но вот у меня, что то нет ^-^
Кто может посмотреть и сказать как ето мне реализовать? Заранее благодарен.
« Последнее редактирование: 08.04.2015, 03:40:29 от deminevgen »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

"Прыгает" меню при загрузке

Автор Svlad

Ответов: 0
Просмотров: 77
Последний ответ 15.09.2017, 01:09:01
от Svlad
Joomla 3.6.5 - центрирование сайта

Автор romanovakira2012

Ответов: 1
Просмотров: 215
Последний ответ 02.06.2017, 03:00:46
от almika
Изменить высоту модуля меню

Автор kunsaid

Ответов: 4
Просмотров: 549
Последний ответ 24.04.2017, 21:45:05
от kunsaid
Выпадающее меню не выпадает при наведении

Автор serg450453

Ответов: 3
Просмотров: 701
Последний ответ 13.04.2017, 18:14:09
от TyronNIKO
Верхнее меню мерцает

Автор slepoy

Ответов: 1
Просмотров: 432
Последний ответ 23.02.2017, 01:06:36
от dmitry_stas