Народ, кто может помочь?
если начистую ставлю скрипт с
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)внизу страницы, куда я хотел что бы был плавный переход, я вставил вот такой код
4)Создал новый пунк меню тип внешний url и вписал #scroll
5)Из скрипта я понял что он ориентируется на class под названием
landingNav, и вот этот класс я теперь прописываю любому элементу: (изображению с сылкой, кнопке, пункту меню), И получаю плавный переход.
Для меню класс задавал не просто через CSS-класс ссылки а через Helix Megamenu Options, в нём тоже есть пункт Custom CSS Class, но я как понял он идёт для всего меню.
Времени убил кучу на решение, тк не знаком с языками программирования достаточно хорошо.
Остался ещё 1 момент не решённый в оригинальном примере при скроле активный пункт меню подсвечивается, но вот у меня, что то нет
Кто может посмотреть и сказать как ето мне реализовать? Заранее благодарен.