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

deminevgen

  • Захожу иногда
  • 115
  • 2 / 0
Делаю leanding page и нужно сделать меню, которое будет плавно переводить на определённую позицию сайта. Может кто знает как на Joomla реализовать? Или статью какую нибудь подскажет.
*

ShfVD

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

Arkadiy

  • Гуру
  • 5317
  • 463 / 2
  • Крепитесь, други.
Для плавности еще javascript прицепить, и все.
*

deminevgen

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

*

deminevgen

  • Захожу иногда
  • 115
  • 2 / 0
Народ, кто может помочь?
если начистую ставлю скрипт с 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 »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Изменить заголовок в шапке сайта

Автор kunsaid

Ответов: 0
Просмотров: 1127
Последний ответ 03.12.2022, 18:34:32
от kunsaid
Кликабельность псевдоэлемента в пункте меню

Автор vasilii.pupkov

Ответов: 4
Просмотров: 1547
Последний ответ 29.12.2021, 23:15:38
от v42bis
Выпадающее меню

Автор DrShepard

Ответов: 10
Просмотров: 2121
Последний ответ 20.10.2021, 12:36:16
от DrShepard
Как закруглить края выпадающего меню?

Автор coliandra

Ответов: 1
Просмотров: 814
Последний ответ 11.12.2020, 21:15:57
от effrit
При прокрутке страницы виджет залезает на меню

Автор coliandra

Ответов: 2
Просмотров: 794
Последний ответ 27.11.2020, 11:33:58
от coliandra