Как сделать плавную прокрутку на jquery на сайте joomla?

@roma 

Для создания плавной прокрутки на сайте Joomla с использованием jQuery, необходимо выполнить следующие шаги:

1. Включите подключение библиотеки jQuery в Joomla, если это еще не сделано. Это можно сделать, добавив следующую строку кода в файл шаблона вашего сайта (обычно файл index.php):

1

JHtml::_('jquery.framework');

1. Создайте новый файл JavaScript (например, smoothscroll.js) и поместите его в папку вашего шаблона Joomla (обычно /templates/your_template/js/).
2. В файле JavaScript определите функцию, которая будет обрабатывать событие щелчка на ссылке и выполнять плавную прокрутку до соответствующего элемента на странице. Например:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

jQuery(document).ready(function($) {
  $('a[href^="#"]').on('click', function(event) {
    var target = $(this.hash);
    if (target.length) {
      event.preventDefault();
      $('html, body').animate({
        scrollTop: target.offset().top
      }, 1000);
    }
  });
});

1. Добавьте ссылку на ваш новый JavaScript файл в файл шаблона Joomla, добавив следующую строку кода в конец вашего файла index.php:

1

<script src="<?php echo $this->baseurl ?>/templates/your_template/js/smoothscroll.js"></script>

Эти шаги должны обеспечить плавную прокрутку на вашем сайте Joomla при щелчке на ссылке с хэш-тегом (#) в URL.

@roma 

Необходимо использовать библиотеку jQuery и следующий код:

1. Подключите библиотеку jQuery, если ее еще нет на вашем сайте Joomla:

1

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

1. Создайте новый файл JavaScript (например, smoothscroll.js) и поместите его в папку вашего шаблона Joomla (обычно /templates/your_template/js/).
2. В файле JavaScript определите функцию, которая будет обрабатывать событие щелчка на ссылке и выполнять плавную прокрутку до соответствующего элемента на странице. Например:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

jQuery(document).ready(function($) {
  $('a[href^="#"]').on('click', function(event) {
    var target = $(this.hash);
    if (target.length) {
      event.preventDefault();
      $('html, body').animate({
        scrollTop: target.offset().top
      }, 1000);
    }
  });
});

1. Добавьте ссылку на ваш новый JavaScript файл в файл шаблона Joomla, добавив следующую строку кода в конец вашего файла index.php:

1

<script src="<?php echo $this->baseurl ?>/templates/your_template/js/smoothscroll.js"></script>

После выполнения этих шагов плавная прокрутка должна работать на вашем сайте Joomla при щелчке на ссылке с хэш-тегом (#) в URL.