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

zeus07

  • Давно я тут
  • 648
  • 8 / 0
Релизация плавной прокрутки в Joomla
« : 08.07.2013, 19:26:25 »
Здравствуйте!

Сайт: http://www.vector-mp.com.ua/

В статье сделаны якоры. Каждый пункт меню ведёт на свой якорь. Меню сделано через обычный модуль html-код. Необходимо реализовать плавную прокрутку к якорю от пункта меню. Как это сделать? Находил различные скрипты, реализованные на jQuery, но так и не получилось сделать задуманное.  Раньше просто не приходилось с этим сталкиваться. Если кто-то такое делал, то прошу помочь.

Заранее благодарен.
Записан
*

antony2606

  • Давно я тут
  • 617
  • 46 / 4
  • Работаем!
Re: Релизация плавной прокрутки в Joomla
« Ответ #1 : 08.07.2013, 20:38:37 »
Собсна что не получилось ? )
Записан
*

zeus07

  • Давно я тут
  • 648
  • 8 / 0
Re: Релизация плавной прокрутки в Joomla
« Ответ #2 : 08.07.2013, 20:46:25 »
Цитата: antony2606 от 08.07.2013, 20:38:37
Собсна что не получилось ? )
Да вот не дошло как правильно подключить скрипт, как его продублировать, чтобы работали все якори
Записан
*

antony2606

  • Давно я тут
  • 617
  • 46 / 4
  • Работаем!
Re: Релизация плавной прокрутки в Joomla
« Ответ #3 : 08.07.2013, 21:00:41 »
Цитата: zeus07 от 08.07.2013, 20:46:25
Да вот не дошло как правильно подключить скрипт, как его продублировать, чтобы работали все якори
Тяжело в учении, легко в бою) Попробуйте это, но вроде не совсем то, что ищете. И вот в этом разделе поищите
Записан
*

zeus07

  • Давно я тут
  • 648
  • 8 / 0
Re: Релизация плавной прокрутки в Joomla
« Ответ #4 : 08.07.2013, 21:02:09 »
Спасибо за помощь, но мне нужна НЕ кнопка Наверх, а именно, чтобы после нажатия на пункт меню плавно переезжало к якорю
Записан
*

antony2606

  • Давно я тут
  • 617
  • 46 / 4
  • Работаем!
Re: Релизация плавной прокрутки в Joomla
« Ответ #5 : 08.07.2013, 21:12:16 »
Цитата: zeus07 от 08.07.2013, 21:02:09
Спасибо за помощь, но мне нужна НЕ кнопка Наверх, а именно, чтобы после нажатия на пункт меню плавно переезжало к якорю

Ага, тупанул( Вот тут тема столетней давности, но ссыль битая( Ну а вообще, плагины-то врятли существуют "коробочного" типа... По-любому надо по какому-нибудь мануалу руками пилить
Записан
*

ELLE

  • Глобальный модератор
  • 4512
  • 887 / 0
Re: Релизация плавной прокрутки в Joomla
« Ответ #6 : 08.07.2013, 21:13:09 »
ТС-у надо по-моему типа такого (если нажать на 'оставить отзыв' или 'подробнее')
это нужно скрипт прикручивать, тут коробочных вариантов нет

а, antony2606 опередил)
Записан
*

antony2606

  • Давно я тут
  • 617
  • 46 / 4
  • Работаем!
Re: Релизация плавной прокрутки в Joomla
« Ответ #7 : 08.07.2013, 21:15:09 »
Цитата: ELLE от 08.07.2013, 21:13:09
ТС-у надо по-моему типа такого (если нажать на 'оставить отзыв' или 'подробнее')
это нужно скрипт прикручивать, тут коробочных вариантов нет

а, antony2606 опередил)

ахаха))) слово в слово!)) Кстати, шикарный магазинчик!
Записан
*

zeus07

  • Давно я тут
  • 648
  • 8 / 0
Re: Релизация плавной прокрутки в Joomla
« Ответ #8 : 09.07.2013, 02:57:36 »
ту тему смотрел, но, к сожалению, ничего полезного из неё не почерпнул, желательно какое-то действующее решение
Записан
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • Winter Is Coming
Re: Релизация плавной прокрутки в Joomla
« Ответ #9 : 09.07.2013, 07:42:43 »
Записан
ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
*

zeus07

  • Давно я тут
  • 648
  • 8 / 0
Re: Релизация плавной прокрутки в Joomla
« Ответ #10 : 09.07.2013, 19:04:54 »
Народ, смотрите. Использую вот такой скрипт для плавного скроллинга:
Код
$(document).ready(function() {
    $("a.topLink").click(function() {
        $("html, body").animate({
            scrollTop: $($(this).attr("href")).offset().top + "px"
        }, {
            duration: 500
        });
        return false;
    });
});
В модуле меню всем ссылкам дал класс topLink, также в index.php шаблона подключил библиотеку jQuery. Но так ничего и не работает.  Подскажите пожалуйста, в чём ошибка? 
Записан
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • Winter Is Coming
Re: Релизация плавной прокрутки в Joomla
« Ответ #11 : 09.07.2013, 20:47:59 »
не пойму вы по моей ссылке не ходили что ли? там же готовое решение
Записан
ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
*

zeus07

  • Давно я тут
  • 648
  • 8 / 0
Re: Релизация плавной прокрутки в Joomla
« Ответ #12 : 09.07.2013, 21:53:18 »
Цитата: dynamit от 09.07.2013, 20:47:59
не пойму вы по моей ссылке не ходили что ли? там же готовое решение
Дело в том, что там реализовывается это через кнопку, а мне надо, чтобы переход был к якорю
Записан
*

zeus07

  • Давно я тут
  • 648
  • 8 / 0
Re: Релизация плавной прокрутки в Joomla
« Ответ #13 : 10.07.2013, 01:53:37 »
Всем спасибо за ответы. Оказывается, просто необходимо было добавить id для каждой ссылки в статье на главной
Записан
*

antony2606

  • Давно я тут
  • 617
  • 46 / 4
  • Работаем!
Re: Релизация плавной прокрутки в Joomla
« Ответ #14 : 10.07.2013, 01:54:08 »
Цитата: zeus07 от 10.07.2013, 01:53:37
Всем спасибо за ответы. Оказывается, просто необходимо было добавить id для каждой ссылки в статье на главной

Поздравляю!)) Все гениальное - просто!
Получилось неплохо! Осталось только с картинками разобраться)))
Записан
*

zeus07

  • Давно я тут
  • 648
  • 8 / 0
Re: Релизация плавной прокрутки в Joomla
« Ответ #15 : 10.07.2013, 01:54:52 »
Цитата: antony2606 от 10.07.2013, 01:54:08
Поздравляю!)) Все гениальное - просто!
Та да, 2 дня мучений))
Записан
*

GoshaSever

  • Новичок
  • 16
  • 0 / 0
Re: Релизация плавной прокрутки в Joomla
« Ответ #16 : 23.11.2013, 04:40:33 »
Цитата: zeus07 от 10.07.2013, 01:54:52
Та да, 2 дня мучений))
Расскажи пожалуйста подробнее, желательно по шагам))
Я парюсь уже тоже дня 2, голова кипит))
Записан
*

GoshaSever

  • Новичок
  • 16
  • 0 / 0
Re: Релизация плавной прокрутки в Joomla
« Ответ #17 : 25.11.2013, 00:34:07 »
Как я понимаю форумы у нас работают в одностороннем прядке))Кто понял тот сливается)
Объясняю так как было бы понятно мне.
Заходим templates/ваш шаблон
Кидаем туда два файла "jquery-2.0.3.js" и второй "jquery.scrollTo-min.js"
Далее там же заходим в "index.php" и после тега
Код: php
<head>
вставляем

Код: javascript
<script type="text/javascript" src="/templates/ваш шаблон/jquery-2.0.3.js"></script>
<script type="text/javascript" src="/templates/ваш шаблон/jquery.scrollTo-min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
    $("a.topLink").click(function() {
        $("html, body").animate({
            scrollTop: $($(this).attr("href")).offset().top + "px"
        }, {
            duration: 800
        });
        return false;
    });
});
</script>
Сохраняем.)

Теперь делаем якоря и ссылки на них.
Отключаем редактор и вставляем якорь и ссылку.
Для примера беру якорь "Gosha"

Ссылка выглядит так:
Код: html4strict
<a class="topLink" href="#Gosha">Любое слово</a>
Якорь выглядит так:
Код: html4strict
<a id="Gosha" class="topLink" name="Gosha"></a>

Теперь при нажатии "Любое слово" будет плавна прокрутка до якоря)
Все работает, проверено)
Теперь тема может быть закрыта;)
« Последнее редактирование: 25.11.2013, 00:46:18 от GoshaSever »
Записан
*

Fedor Vlasenko

  • Живу я здесь
  • 3827
  • 721 / 7
  • Все начинается с Value
Re: Релизация плавной прокрутки в Joomla
« Ответ #18 : 25.11.2013, 03:11:25 »
« Последнее редактирование: 25.11.2013, 03:19:45 от Fedor Vlasenko »
Записан
*

avantyrist

  • Захожу иногда
  • 221
  • 3 / 0
Re: Релизация плавной прокрутки в Joomla
« Ответ #19 : 13.02.2014, 18:49:09 »
Скажите пожалуйста, как убрать сам якорь из адресной строки, скролинг происходит, но в строке появляется якорь :( сайт/катекория/статья#anhor1

На всех сайтах где есть ети скролинги почемуто якоря в адресной строке не присутствуют, у ТС также, у меня  они плодятся :(( Помогите очень прошу!!  

Пожалуйста помогите, неужели ето такая военная тайна! :(

« Последнее редактирование: 13.02.2014, 21:44:15 от avantyrist »
Записан
*

Mitriy-Bug

  • Захожу иногда
  • 90
  • 1 / 0
  • Верстка сайтов на Joomla
Re: Релизация плавной прокрутки в Joomla
« Ответ #20 : 12.01.2015, 12:48:00 »
Вот отличный плагин, коробочное решение - качать и смотреть здесь
Записан
*

meatrich

  • Новичок
  • 11
  • 0 / 0
Re: Релизация плавной прокрутки в Joomla
« Ответ #21 : 15.06.2015, 12:22:59 »
Цитата: GoshaSever от 25.11.2013, 00:34:07
Как я понимаю форумы у нас работают в одностороннем прядке))Кто понял тот сливается)
Объясняю так как было бы понятно мне.
Заходим templates/ваш шаблон
Кидаем туда два файла "jquery-2.0.3.js" и второй "jquery.scrollTo-min.js"
Далее там же заходим в "index.php" и после тега
Код: php
<head>
вставляем

Код: javascript
<script type="text/javascript" src="/templates/ваш шаблон/jquery-2.0.3.js"></script>
<script type="text/javascript" src="/templates/ваш шаблон/jquery.scrollTo-min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
    $("a.topLink").click(function() {
        $("html, body").animate({
            scrollTop: $($(this).attr("href")).offset().top + "px"
        }, {
            duration: 800
        });
        return false;
    });
});
</script>
Сохраняем.)

Теперь делаем якоря и ссылки на них.
Отключаем редактор и вставляем якорь и ссылку.
Для примера беру якорь "Gosha"

Ссылка выглядит так:
Код: html4strict
<a class="topLink" href="#Gosha">Любое слово</a>
Якорь выглядит так:
Код: html4strict
<a id="Gosha" class="topLink" name="Gosha"></a>

Теперь при нажатии "Любое слово" будет плавна прокрутка до якоря)
Все работает, проверено)
Теперь тема может быть закрыта;)

Привет! Пожалуйста помогите. Сделал так как вы написали. Не получается.
Записан
*

vipiusss

  • Гуру
  • 5747
  • 343 / 10
  • Скайп: renor_
Re: Релизация плавной прокрутки в Joomla
« Ответ #22 : 15.06.2015, 12:27:12 »
мне вот решение понравилось: http://pcvector.net/uploads/demo/scripts/scrollup/scrollify/index.html#home
Записан
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

akhalex38

  • Захожу иногда
  • 171
  • 1 / 0
Re: Релизация плавной прокрутки в Joomla
« Ответ #23 : 15.06.2015, 16:56:41 »
В чем сложность прописать нужный скрипт в шаблон /tempates/template/index.php ?
Делаем точно так же как в HTML, только в вышеуказанном файле всё прописываем.
Записан
*

akhalex38

  • Захожу иногда
  • 171
  • 1 / 0
Re: Релизация плавной прокрутки в Joomla
« Ответ #24 : 15.06.2015, 16:58:11 »
Цитировать
Привет! Пожалуйста помогите. Сделал так как вы написали. Не получается.
Ошибки в консоли покажи)
Записан
*

Dribentsov

  • Новичок
  • 1
  • 0 / 0
Re: Релизация плавной прокрутки в Joomla
« Ответ #25 : 12.12.2015, 22:07:51 »
Есть не плохое видео. Может поможет.
Как создать Jquery якорь "Плавная прокрутка страницы".
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

LMS под Joomla 2.5 (создание сайта дистанционного обучения)

Автор kovardaks

 Ответов: 8
Просмотров: 7447 		Последний ответ 14.09.2019, 19:38:54
от Arturr
Вместо позиций блоков Joomla показывает 404 ошибку

Автор MultiMatrix83

 Ответов: 3
Просмотров: 369 		Последний ответ 13.07.2019, 18:06:01
от MultiMatrix83
Не пускает в админку Joomla 2.5 (решение)

Автор zicale

 Ответов: 43
Просмотров: 46997 		Последний ответ 08.05.2019, 09:10:54
от Nevelskoy
Как подтягивать группы пользователей с ldap (Active Directory Windows) в Joomla?

Автор Edison Tom

 Ответов: 1
Просмотров: 980 		Последний ответ 07.02.2019, 16:31:32
от yarikossss
Как отключить Joomla template and flash clock by Designers?

Автор Mira

 Ответов: 21
Просмотров: 771 		Последний ответ 17.11.2018, 14:47:29
от Mira