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

Adilbek

  • Новичок
  • 7
  • 0 / 0
Здравствуйте, форумчане!

Помогите пожалуйста.

Не могу установить jquery скроллинг с помощью меню например как на сайте http://wallercreek.org/finalfour . Модуль меню стандартный (mod_mainmenu).
Кто может помогите пожалуйста.
*

ELLE

  • Глобальный модератор
  • 4513
  • 892 / 0
Расскажу как делала я, вы сами решите подходит оно вам или нет.
Страница у вас будет одна, нужные блоки размечены и имеют уникальные ID (типа content, footer и пр.)
В пункте меню указываете "внешний урл", в ссылке ставите #, справа вкладка CSS стиль ссылки, указать в ней нужно название селектора с приставкой link, то есть будет contentlink. Далее слегка поправить шаблон модуля меню - заменить class= на id=

Функция
Код
function goToByScroll(id){
    id = id.replace("link", "");
   jQuery('html,body').animate({
        scrollTop: jQuery("#"+id).offset().top},
        'slow');
}

jQuery("#menu a").click(function(e) {
    goToByScroll(jQuery(this).attr("id"));
});
вроде всё.

А вот не помню только, у вас Joomla 1.5 есть ли там в параметрах возможность указать уникальный класс для ссылки меню....в Joomla 2.5 такая возможность точно есть
« Последнее редактирование: 21.01.2013, 14:03:50 от ELLE »
*

Adilbek

  • Новичок
  • 7
  • 0 / 0
Извиняюсь, а куда нужно вписать функцию? Между <head></head>? Или в самом конце всего кода?

И в версии 1,5 нет возможности указать уникальный класс для ссылки меню((
*

ELLE

  • Глобальный модератор
  • 4513
  • 892 / 0
Делайте тогда якорными ссылками -  так будет проще всего.
Я не обратила внимание что вопрос по 1.5 - не хочется возвращаться, про нее уже все забывают.
Тем более что в 1.5 по умолчанию подключен Мутулз и грузить ради этого второю библиотеку jQuery - по меньшей мере неразумно.
-----------------------------
PS: и в аське мне писать не нужно - там я не консультирую по форумным вопросам
*

Adilbek

  • Новичок
  • 7
  • 0 / 0
Так вот именно что якорными все стоит.

Значит в 1,5 не получится сделать плавную прокрутку...?
*

Adilbek

  • Новичок
  • 7
  • 0 / 0
Расскажу как делала я, вы сами решите подходит оно вам или нет.
Страница у вас будет одна, нужные блоки размечены и имеют уникальные ID (типа content, footer и пр.)
В пункте меню указываете "внешний урл", в ссылке ставите #, справа вкладка CSS стиль ссылки, указать в ней нужно название селектора с приставкой link, то есть будет contentlink. Далее слегка поправить шаблон модуля меню - заменить class= на id=

Функция
Код
function goToByScroll(id){
    id = id.replace("link", "");
   jQuery('html,body').animate({
        scrollTop: jQuery("#"+id).offset().top},
        'slow');
}

jQuery("#menu a").click(function(e) {
    goToByScroll(jQuery(this).attr("id"));
});
вроде всё.

А вот не помню только, у вас Joomla 1.5 есть ли там в параметрах возможность указать уникальный класс для ссылки меню....в Joomla 2.5 такая возможность точно есть

А можно поподробнее где меняется шаблон модуля меню?
*

ELLE

  • Глобальный модератор
  • 4513
  • 892 / 0
/modules/mod_menu/tmpl/

шаблоны лучше переопределить в свой шаблон - templates/шаблон/html/mod_menu/*
*

Adilbek

  • Новичок
  • 7
  • 0 / 0
/modules/mod_menu/tmpl/

шаблоны лучше переопределить в свой шаблон - templates/шаблон/html/mod_menu/*

Все вроде сделал как вы сказали. Но не работает.

jQuery код вставил в шаблон :
<script type="text/javascript">
    jQuery.noConflict();
    function goToByScroll(id){
    id = id.replace("link", "");
   jQuery('html,body').animate({
        scrollTop: jQuery("#"+id).offset().top},
        'slow');
}

jQuery("#menu a").click(function(e) {
    goToByScroll(jQuery(this).attr("id"));
});
    </script>

Шаблон меню не переопределял, но изменил как вы говорили.

А
*

ELLE

  • Глобальный модератор
  • 4513
  • 892 / 0
смотрите консоль - возможно конфликт
или дайте ссылку
*

Adilbek

  • Новичок
  • 7
  • 0 / 0
смотрите консоль - возможно конфликт
или дайте ссылку

а мутулз в 2,5 по умолчанию включен?

Шаблон перетаскивал из 1,5 в 2,5
*

ELLE

  • Глобальный модератор
  • 4513
  • 892 / 0
*

Adilbek

  • Новичок
  • 7
  • 0 / 0
*

ELLE

  • Глобальный модератор
  • 4513
  • 892 / 0
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Кнопка «Наверх»: как создать с CSS и jQuery

Автор leo78

Ответов: 4
Просмотров: 309
Последний ответ 25.06.2021, 13:01:58
от leo78
Как создать плагин c кодом JQuery?

Автор leo78

Ответов: 0
Просмотров: 140
Последний ответ 19.05.2021, 12:00:10
от leo78
Плагин превьюшек mAvik Thumbnails 2 - версия для Joomla 3

Автор mavik

Ответов: 588
Просмотров: 73273
Последний ответ 16.05.2021, 12:57:48
от mavik
Адаптация стандартного модуля меню от Joomla 3 под bootstrap 4

Автор si@m

Ответов: 5
Просмотров: 216
Последний ответ 26.03.2021, 15:59:18
от si@m
Плагин Extra Vote для Joomla 2.5/3.х v2.5.8

Автор leo78

Ответов: 8
Просмотров: 3266
Последний ответ 07.04.2020, 12:47:14
от sbakur