Прокрутка сайта Проблема

Я новичок в создании сайтов, вот пытаюсь прикрутить к шаблону http://habrahabr.ru/sandbox/80447/ по этой статье прокрутку вниз вверх, но к сожалению ничего не получается, стрелки отображаются но ничего не происходит, и они не активны jquery подключен, если есть у кого возможность проверить у себя этот скрипт буду очень признателен, и натолкнуть в чем проблема у меня, или метод реализации плавной прокрутки вниз. Заранее спасибо

Записан

Davidich

Захожу иногда
179
7 / 1

Re: Прокрутка сайта Проблема

« Ответ #1 : 08.04.2014, 04:29:29 »

Новичок, я не экстрасенс и другие тоже какая версия у вас Joomla и куда и что вы вставляете. Вот решение если у вас Joomla 3:
В index.php вставьте модуль

Код: javascript

 <div class="go-up" title="Вверх" id='ToTop'>⇧</div> 
<div class="go-down" title="Вниз" id='OnBottom'>⇩</div>
<script type="text/javascript">
jQuery(function(){
 if (jQuery(window).scrollTop()>="250") jQuery("#ToTop").fadeIn("slow")
 jQuery(window).scroll(function(){
  if (jQuery(window).scrollTop()<="250") jQuery("#ToTop").fadeOut("slow")
   else jQuery("#ToTop").fadeIn("slow")
 });

 if (jQuery(window).scrollTop()<=jQuery(document).height()-"999") jQuery("#OnBottom").fadeIn("slow")
 jQuery(window).scroll(function(){
  if (jQuery(window).scrollTop()>=jQuery(document).height()-"999") jQuery("#OnBottom").fadeOut("slow")
   else jQuery("#OnBottom").fadeIn("slow")
 });

 jQuery("#ToTop").click(function(){jQuery("html,body").animate({scrollTop:0},"slow")})
 jQuery("#OnBottom").click(function(){jQuery("html,body").animate({scrollTop:jQuery(document).height()},"slow")})
});
</script>

Все это нужно вставлять между <body> разметка</body> и не надо прикручивать никаких дополнительных jQuery плагинов, они уже подключены.
Можно <script type="text/javascript"> убрать в <head></head>

« Последнее редактирование: 08.04.2014, 04:49:05 от Davidich »

Записан

SemDJ

Новичок
7
0 / 0

Re: Прокрутка сайта Проблема

« Ответ #2 : 08.04.2014, 10:49:30 »

Davidich огромное вам спасибо, ваш код полностью рабочий, вот не пойму 2 дня голову ломал, с тем кодом а он так и не заработал, возможно действительно была проблема с подключением jQuery

Записан

Вывод превью новости со стороннего сайта Автор hensler	Ответов: 0 Просмотров: 3743	05.12.2025, 14:12:29 от hensler
Автоматическое определение локации посетителя сайта Автор Alex_iPod	Ответов: 0 Просмотров: 3954	03.08.2023, 10:05:42 от Alex_iPod
Плагин для кросспостинга с сайта в Фэйсбук Автор Mickey	Ответов: 0 Просмотров: 4022	20.04.2023, 18:30:19 от Mickey
Компонент форма обратной связи или анкета для пользователей сайта Автор disig	Ответов: 14 Просмотров: 3866	01.07.2021, 03:35:15 от disig
Платный доступ к разделам сайта Автор qualin_rosg	Ответов: 0 Просмотров: 1457	05.04.2021, 22:41:38 от qualin_rosg

Прокрутка сайта Проблема - Поиск компонентов, модулей, плагинов

Новости Joomla

Вышли релизы безопасности Joomla 6.1.3 и Joomla 5.4.8

👩‍💻 WT Otpravkapochtaru - библиотека сервиса Отправка Почты России для Joomla-разработчиков.

👩‍💻 В Joomla 6.2 появятся встроенный функционал мультикатегорий.

SemDJ

Прокрутка сайта Проблема

Davidich

Re: Прокрутка сайта Проблема

SemDJ

Re: Прокрутка сайта Проблема

Похожие темы