Новости Joomla

Вышли релизы Joomla 5.1.0 и Joomla 4.4.4

Проблема с id в URL материалов Joomla при обновлении большого старого сайта до Joomla 5

В старых версиях Joomla URL адрес формировался по схеме [id материала + алиас материала]. Например, 145-my-article-alias. Однако. старый роутер Joomla был не идеален и плодил дубли страниц, с чем усиленно боролись СЕО специалисты с помощью различных плагинов и хаков ядра CMS.

Используем поля Joomla для фильтрации материалов

Перевод статьи одного из разработчиков ядра Joomla Брайана Тимэна (Brian Teeman).

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

Dgikar

  • Захожу иногда
  • 192
  • 3 / 0
  • Я только учусь
[РЕШЕНО] Плавная прокрутка вверх, вниз и к прочтению
« : 21.11.2018, 18:51:43 »
Надумал я поставить на самописный шаблон кнопочки плавной прокрутки вверх, вниз и к прочтению. Порывшись в Инете, нашел одно (устраивающее меня) решение. Поставил на сайт, но кнопка "вниз" почему-то постоянно в display: none...

Что сделано:
1) в index.php, перед </body> прописал это:
Спойлер
[свернуть]

2) в отдельный JS файл прописал это:
Спойлер
[свернуть]

3) в CSS, вот это:
Спойлер
[свернуть]

Кнопки "Вверх" и "Продолжить просмотр", работают как часики, а вот кнопка "Вниз" никак (ни при какой высоте промотанного материала на сайте) не хочет появляться...

Подскажите плз что не так в коде? В JS - очень слаб

Заранее благодарю за ответы!
« Последнее редактирование: 22.11.2018, 00:12:38 от Dgikar »
Записан
*

beliyadm

  • Легенда
  • 9758
  • 1664 / 66
  • Севастополь, Россия
Re: Плавная прокрутка вверх, вниз и к прочтению
« Ответ #1 : 21.11.2018, 20:19:13 »
Потому что у вас вот этот код

Код
   if ((jQuery(window).scrollTop() + document.body.clientHeight + 250) >= jQuery(window).height()) {
        jQuery("#ToBottom").fadeOut("slow");
    }

При высоте окна больше чем 250 пкс кнопка ToBottom что делает? Правильно, fadeOut, скрывается.

Возьмите любой плагин квери, к примеру мой любимый https://github.com/kswedberg/jquery-smooth-scroll
Указываете ID у нужного элемента и параметр href у ссылки и прокрутка работает
Записан
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

Dgikar

  • Захожу иногда
  • 192
  • 3 / 0
  • Я только учусь
Re: Плавная прокрутка вверх, вниз и к прочтению
« Ответ #2 : 21.11.2018, 21:21:07 »
Цитата: beliyadm от 21.11.2018, 20:19:13
Возьмите любой плагин квери, к примеру мой любимый https://github.com/kswedberg/jquery-smooth-scroll
Т. е. к тому коду прикрутить часть кода который Вы советуете?

Просто хотелось бы уже остановиться на коде, который я показал выше... Вы можете поправить этот код?
Записан
*

beliyadm

  • Легенда
  • 9758
  • 1664 / 66
  • Севастополь, Россия
Re: Плавная прокрутка вверх, вниз и к прочтению
« Ответ #3 : 21.11.2018, 21:31:53 »
В вашем случае проще отказаться от кастомного кода и использовать плагин, инструкция к нему есть по ссылке, он прост и работает. Если вы не понимаете в JS (без обид) то проще использовать готовое и на 100% рабочее решение
Указываете ID объектов куда нужно прокручивать, указываете у ссылки на этот объект нужный href, у всех ссылок указываете единый класс и его прописываете в JS
Код
$('.scroll').smoothScroll({
Записан
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

Dgikar

  • Захожу иногда
  • 192
  • 3 / 0
  • Я только учусь
Re: Плавная прокрутка вверх, вниз и к прочтению
« Ответ #4 : 21.11.2018, 21:43:59 »
Цитата: beliyadm от 21.11.2018, 21:31:53
В вашем случае проще отказаться от кастомного кода ...
Цитата: beliyadm от 21.11.2018, 21:31:53
Если вы не понимаете в JS (без обид)...
Да какие обиды! Я же сказал что очень слаб в JS! Поэтому, когда что-то делаю, не просто кпопипастю, а пытаюсь понять, что, где, да как и почему...

Просто код (точнее то, что получается на морде сайта) который я выложил выше, очень подходит мне + я немного в нем разобрался + сам код JS короткий...

Одним словом, очень прошу Вас помочь мне ИМЕННО с этим кодом... Если можете! Спасибо!
Записан
*

beliyadm

  • Легенда
  • 9758
  • 1664 / 66
  • Севастополь, Россия
Re: Плавная прокрутка вверх, вниз и к прочтению
« Ответ #5 : 21.11.2018, 21:49:57 »
Цитата: Dgikar от 21.11.2018, 21:43:59
Одним словом, очень прошу Вас помочь мне ИМЕННО с этим кодом... Если можете! Спасибо!
Так я уже указал на ошибку в этом коде, не зная сайта трудно добавить что еще
При прокрутке ссылка на боттом скрывается, я это прописал выше.
Дальше читайте документацию и более ничем помочь не могу, если хотите разбираться самостоятельно (что очень похвально)

Грубо говоря - вам не нужно скрывать ссылку на боттом при прокрутке (код выше) чтобы сработало событие
jQuery("#ToBottom").click(function () {
Записан
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

Dgikar

  • Захожу иногда
  • 192
  • 3 / 0
  • Я только учусь
Re: Плавная прокрутка вверх, вниз и к прочтению
« Ответ #6 : 21.11.2018, 21:55:07 »
Я изменил код указанный Вами
Код
if ((jQuery(window).scrollTop() + document.body.clientHeight + 250) >= jQuery(window).height()) {
        jQuery("#ToBottom").fadeOut("slow");
    }
на этот:
Код
    if ((jQuery(window).scrollTop() + document.body.clientHeight) >= jQuery(window).height()) {
        jQuery("#ToBottom").fadeIn("slow");
    }   else {
        jQuery("#ToBottom").fadeOut("slow");
    }
Кнопка появилась, но достигая дна сайта, она не исчезает...
Записан
*

Dgikar

  • Захожу иногда
  • 192
  • 3 / 0
  • Я только учусь
Re: Плавная прокрутка вверх, вниз и к прочтению
« Ответ #7 : 22.11.2018, 00:02:28 »
В общем, методом научного тыка, получилось у меня решить эту задачу!

JS код выглядит вот так:
Спойлер
[свернуть]
Записан
*

beliyadm

  • Легенда
  • 9758
  • 1664 / 66
  • Севастополь, Россия
RE: Плавная прокрутка вверх, вниз и к прочтению
« Ответ #8 : 22.11.2018, 18:03:30 »
Ну и отлично, вместо готового решения сами написали себе рабочий костыль (в хорошем смысле этого слова).
Абсолютно правильный подход к разработке.
Записан
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

[РЕШЕНО]Скрыть пункт меню на мобильных устройствах

Автор lexxbry

 Ответов: 16
Просмотров: 4699 		Последний ответ 23.05.2023, 07:22:49
от geral
Не сворачивается Offcanvas Menu Helix3, якорная ссылка. Landing Page - РЕШЕНО

Автор alekshavan

 Ответов: 21
Просмотров: 3393 		Последний ответ 15.10.2022, 10:18:46
от forsight
[Решено] Модули шаблона Helix 3

Автор Egoritch

 Ответов: 3
Просмотров: 564 		Последний ответ 27.05.2021, 13:26:52
от Egoritch
[Решено] CSS-класс заголовка модуля

Автор schel4ok

 Ответов: 36
Просмотров: 16985 		Последний ответ 06.04.2021, 23:35:20
от Wak
[РЕШЕНО]Обернуть в тег &lt;a&gt;

Автор AlexB

 Ответов: 4
Просмотров: 464 		Последний ответ 21.11.2020, 20:11:51
от AlexB