Новости Joomla

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

warlocksp

  • Завсегдатай
  • 1198
  • 17 / 4
Переход по меню?
« : 23.08.2015, 08:06:15 »
Доброе утро,

Может вопрос и покажется банальным, но решил спросить как лучше сделать.

На сайте меню (например "Обо мне", "Проекты" и т.д.), а так же на главной странице сайте выведены "Обо мне", "Проекты"
Стоит: Joomla 3.4.3.

Вопрос: как сделать что б при нажатии например на пункт меню "Обо мне" - не переходила куда либо, а спускалась ниже по странице к названию "Обо мне" где это отображается?
Мудр не тот, кто знает много, а тот, чьи знания полезны. Эсхил
*

kik84

  • Завсегдатай
  • 1350
  • 64 / 4
Re: Переход по меню?
« Ответ #1 : 23.08.2015, 08:40:09 »
1 http://joxi.ru/v29NBaxhye5aAG http://joxi.ru/YmENBJWhypR826
2 На странице блок с id="about"
3 Можно такой скрипт
Код
(function ($) {
  $.fn.anchorAnimate = function(options) {
    var settings = $.extend({}, $.fn.anchorAnimate.defaults, options);

    return this.each(function() {
      var caller = this;
      $(caller).click(function(event) {
        event.preventDefault();
        var elementClick = $(caller).attr("href");

        var destination = $(elementClick).offset().top + settings.offset;
        $("html:not(:animated), body:not(:animated)").animate({ scrollTop: destination}, settings.speed, function() {
          if(0 === settings.offset) {
            window.location.hash = elementClick;
          }
        });
        return false;
      });
    });
  };

  $.fn.anchorAnimate.defaults = {
    speed: 700,
    offset: -50
  };
}(jQuery));
*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: Переход по меню?
« Ответ #2 : 23.08.2015, 09:13:37 »
Якорем к позиции модуля.И скрипты не нужны.2 строчки кода.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

kik84

  • Завсегдатай
  • 1350
  • 64 / 4
Re: Переход по меню?
« Ответ #3 : 23.08.2015, 09:30:50 »
Якорем к позиции модуля.И скрипты не нужны.2 строчки кода.
А плавность перехода?
*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: Переход по меню?
« Ответ #4 : 23.08.2015, 09:33:23 »
А плавность перехода?
Про плавность ТС не писал.Тогда со скриптом (или css)
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

warlocksp

  • Завсегдатай
  • 1198
  • 17 / 4
Re: Переход по меню?
« Ответ #5 : 23.08.2015, 11:05:57 »
А нет, ничего стандартного (универсального) для Joomla - типа плагина, модуля, что б не лезть в скрипты?
Мудр не тот, кто знает много, а тот, чьи знания полезны. Эсхил
*

robert

  • Живу я здесь
  • 4974
  • 457 / 20
Re: Переход по меню?
« Ответ #6 : 23.08.2015, 11:09:04 »
Что-то вы перемудрили с кодом.
Код: javascript
(function($){
$('a').on('click',function(e){
e.preventDefault();
$('body').animate({scrollTop:$(this.hash).offset().top},1000);
});
})(jQuery);
Не будь паразитом, сделай что-нибудь самостоятельно!
*

warlocksp

  • Завсегдатай
  • 1198
  • 17 / 4
Re: Переход по меню?
« Ответ #7 : 23.08.2015, 11:11:13 »
Что-то вы перемудрили с кодом.
Код: javascript
(function($){
$('a').on('click',function(e){
e.preventDefault();
$('body').animate({scrollTop:$(this.hash).offset().top},1000);
});
})(jQuery);
С чем его кушать (куда вставлять)?
Мудр не тот, кто знает много, а тот, чьи знания полезны. Эсхил
*

beliyadm

  • Легенда
  • 9758
  • 1664 / 66
  • Севастополь, Россия
Re: Переход по меню?
« Ответ #8 : 23.08.2015, 11:59:19 »
Есть такой вот плагин https://github.com/kswedberg/jquery-smooth-scroll
в админке для пункта меню (или в материале) задаем нужный класс и в скрипте на уровне шаблона активируем переход, будет и скролл и прокрутка и анимация
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

robert

  • Живу я здесь
  • 4974
  • 457 / 20
Re: Переход по меню?
« Ответ #9 : 23.08.2015, 12:47:45 »
С чем его кушать (куда вставлять)?
Куда хотите, лишь бы он загрузился. Можно в шаблон модуля меню или в шаблон сайта. Только нужно подправить чуть-чуть, чтобы не срабатывало на всех ссылках.
Не будь паразитом, сделай что-нибудь самостоятельно!
*

warlocksp

  • Завсегдатай
  • 1198
  • 17 / 4
Re: Переход по меню?
« Ответ #10 : 23.08.2015, 22:41:25 »
Куда хотите, лишь бы он загрузился. Можно в шаблон модуля меню или в шаблон сайта. Только нужно подправить чуть-чуть, чтобы не срабатывало на всех ссылках.
Опробую два варианта ваш и что предложил: beliyadm
Спасибо понял...
Мудр не тот, кто знает много, а тот, чьи знания полезны. Эсхил
*

warlocksp

  • Завсегдатай
  • 1198
  • 17 / 4
Re: Переход по меню?
« Ответ #11 : 23.08.2015, 22:42:24 »
Есть такой вот плагин https://github.com/kswedberg/jquery-smooth-scroll
в админке для пункта меню (или в материале) задаем нужный класс и в скрипте на уровне шаблона активируем переход, будет и скролл и прокрутка и анимация
Спасибо опробуем...
Мудр не тот, кто знает много, а тот, чьи знания полезны. Эсхил
*

warlocksp

  • Завсегдатай
  • 1198
  • 17 / 4
Re: Переход по меню?
« Ответ #12 : 24.08.2015, 06:38:35 »
Дааа, извините но наверное я не ас в JC:
Подскажите пожалуйста, что куда вставить и где что прописать... По пунктам, пожалуйста...

В коде выдает ошибку в первой строчке.
Код
(function($){
$('a').on('click',function(e){
e.preventDefault();
$('body').animate({scrollTop:$(this.hash).offset().top},1000);
});
})(jQuery);

В коде https://github.com/kswedberg/jquery-smooth-scroll
Куда его вставить и где, какие классы должен прописать...

Подскажите пожалуйста, что куда вставить и где что прописать... По пунктам, пожалуйста...
« Последнее редактирование: 25.08.2015, 06:52:15 от warlocksp »
Мудр не тот, кто знает много, а тот, чьи знания полезны. Эсхил
*

beliyadm

  • Легенда
  • 9758
  • 1664 / 66
  • Севастополь, Россия
Re: Переход по меню?
« Ответ #13 : 24.08.2015, 20:36:47 »
Подскажите пожалуйста, что куда вставить и где что прописать... По пунктам, пожалуйста...
в индекс шаблона вставляете загрузку jquery.smooth-scroll.min.js
Дальше пишите js код в том же индексе шаблона (при условии подключенного Jquery)
Код: javascript
$('#tpl_top a').smoothScroll();
У каждой ссылки есть атрибут href="#tpl_section3" где tpl_section3 это ID нужного элемента страницы, до которого будет идти скролл
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

warlocksp

  • Завсегдатай
  • 1198
  • 17 / 4
Re: Переход по меню?
« Ответ #14 : 25.08.2015, 06:52:58 »
в индекс шаблона вставляете загрузку jquery.smooth-scroll.min.js
Дальше пишите js код в том же индексе шаблона (при условии подключенного Jquery)
Код: javascript
$('#tpl_top a').smoothScroll();
У каждой ссылки есть атрибут href="#tpl_section3" где tpl_section3 это ID нужного элемента страницы, до которого будет идти скролл

Огромное спасибо, теперь разобрался...
Мудр не тот, кто знает много, а тот, чьи знания полезны. Эсхил
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Один пункт меню думает что он главный

Автор DamaVbubi

Ответов: 4
Просмотров: 250
Последний ответ 13.02.2024, 19:49:10
от DamaVbubi
[Решено] Перестали работать переходы по меню сайта

Автор AlexP750

Ответов: 12
Просмотров: 482
Последний ответ 06.02.2024, 12:42:26
от AlexP750
Пропало главное меню, и контент на главной (после обновления)

Автор GTHack

Ответов: 15
Просмотров: 519
Последний ответ 07.01.2024, 16:00:15
от ProtectYourSite
Автоматическая снятие с публикации пункта меню

Автор all_zer

Ответов: 2
Просмотров: 323
Последний ответ 30.12.2023, 15:29:58
от all_zer
Отображение меню мобильной версии сайта

Автор AnSk

Ответов: 1
Просмотров: 331
Последний ответ 22.08.2023, 18:52:55
от arma