Форум русской поддержки Joomla!® CMS
11.12.2016, 14:02:12 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Плавный скролл до якоря

 (Прочитано 186 раз)
0 Пользователей и 1 Гость смотрят эту тему.
Timerlan
Осваиваюсь на форуме
***

Репутация: +1/-1
Offline Offline

Пол: Мужской
Сообщений: 68



« : 23.08.2016, 15:50:15 »

Всем привет!

Нужно поправить или подключить Jquery чтобы работал плавный скролл до якоря,
Кто возьмется? естественно за вознаграждение!

ДЛя обсуждения условий Писать в личку
Записан
beliyadm
Профи
********

Репутация: +1566/-61
Offline Offline

Пол: Мужской
Сообщений: 8110


Севастополь == Россия


« Ответ #1 : 23.08.2016, 15:58:35 »

раз https://github.com/kswedberg/jquery-smooth-scroll
два http://javascript.ru/forum/misc/56888-perekhod-k-yakoryu-sredstvom-js.html

и куча других бесплатных вариантов в Google
Записан
Timerlan
Осваиваюсь на форуме
***

Репутация: +1/-1
Offline Offline

Пол: Мужской
Сообщений: 68



« Ответ #2 : 23.08.2016, 16:09:17 »

Спасибо за подсказку.

У меня нет времени этим заниматься, я пробовал несколько вариантов и у меня не вышло.
Видимо я не понимаю логику того как работает jquery и CSS и так далее...
Записан
beliyadm
Профи
********

Репутация: +1566/-61
Offline Offline

Пол: Мужской
Сообщений: 8110


Севастополь == Россия


« Ответ #3 : 23.08.2016, 16:11:34 »

У меня нет времени этим заниматься, я пробовал несколько вариантов и у меня не вышло.
Видимо я не понимаю логику того как работает jquery и CSS и так далее...
В личку адрес сайта, адрес элемента, до которого нужно делать скролл и доступы к админке и ftp.
Ну или могу на словах здесь все рассказать подробно (хотя по первой ссылке же есть инструкция, делов на 3 минуты)
Записан
beliyadm
Профи
********

Репутация: +1566/-61
Offline Offline

Пол: Мужской
Сообщений: 8110


Севастополь == Россия


« Ответ #4 : 23.08.2016, 16:16:46 »

Берем первую ссылку, плагин /jquery-smooth-scroll
В индексе шаблона (или где у вас подключаются скрипты, зависит от шаблона) подключаем скрипт (после инициализации jquery, естественно, то есть ниже в коде страницы) https://github.com/kswedberg/jquery-smooth-scroll/blob/master/jquery.smooth-scroll.min.js

В файлике разных JS скритов прикладных для шаблона (опять же зависит от шаблона) пишем инициализацию плагина
Код
$('.smoothlink').smoothScroll();

Ну и после пишем простой HTML
Код
<a href="#scroll" class="smoothlink">ссылка для клика</a>
<div id="scroll">Элемент, до которого крутим</div>

Теперь в пределах всего сайта такой скролл будет применяться для всех элементов с классом smoothlink. Единственное правило, что элемент с ID scroll в пределах одной страницы должен быть уникален.

Записан
Timerlan
Осваиваюсь на форуме
***

Репутация: +1/-1
Offline Offline

Пол: Мужской
Сообщений: 68



« Ответ #5 : 23.08.2016, 16:26:07 »

думаю у  меня проблема в том что ссылки на якоря идут из основного меню шаблона, и я не пойму куда прописать id или div, в общем я в этом деле  Crazy
Записан
beliyadm
Профи
********

Репутация: +1566/-61
Offline Offline

Пол: Мужской
Сообщений: 8110


Севастополь == Россия


« Ответ #6 : 23.08.2016, 16:55:13 »

думаю у  меня проблема в том что ссылки на якоря идут из основного меню шаблона, и я не пойму куда прописать id или div, в общем я в этом деле  Crazy
Ну значит нужны доступы к сайту и наглядно на паре примеров все сделать.

Инициировать плагин можно и через наследование классов, то есть если меню в шаблоне (модуль) обернут в div то $('.mainmenu li a').smoothScroll();
А саму ссылку в админке делаем как внешний URL и в поле ссылка пишем через решетку #test22 - тогда ссылаться будет скроллом на div с id test22
http://tinyurl.com/hcxv654

Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet