Плавная Прокрутка(стрелки вверх и вниз)

В данном подфоруме я буду выкладывать разнообразные украшения форума phpbb3, от смайлов до скриптов, от ВВ-кодов до различных полезных программ.

Модераторы: Vl@d1m1r, Lorem Ipsum, Atlas

Правила форума
----
Аватара пользователя
KinoMan
Заглянул на огонек
Заглянул на огонек
Сообщения: 30
Стаж: 11 лет 5 месяцев
Откуда: Москва, Казань
Контактная информация:

Плавная Прокрутка(стрелки вверх и вниз)

Сообщение KinoMan »

Лена Спасибо!
я этот скрипт оказалось знаю ... странно, может у меня какой-то конфликт с другим js, хотя консоль ошибок молчит ...
#41
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Плавная Прокрутка(стрелки вверх и вниз)

Сообщение DeaDRoMeO »

Дело наверное в JQuery, потому что тому скрипту не все версии джиквери подходят, не на всех он работает)
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#42
Аватара пользователя
St_roy
Завсегдатай Форума
Завсегдатай Форума
Сообщения: 873
Стаж: 12 лет 2 месяца
Откуда: Москва
Контактная информация:

Плавная Прокрутка(стрелки вверх и вниз)

Сообщение St_roy »

Вот и я поставил эту прокрутку и гирлянда перестала шевелится и звенеть
Зри в корень
#43
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Плавная Прокрутка(стрелки вверх и вниз)

Сообщение DeaDRoMeO »

Хех конфликты за конфликтами, буду глядеть. Ты случаем 2 раза джиквери не подрубил ?
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#44
Аватара пользователя
St_roy
Завсегдатай Форума
Завсегдатай Форума
Сообщения: 873
Стаж: 12 лет 2 месяца
Откуда: Москва
Контактная информация:

Плавная Прокрутка(стрелки вверх и вниз)

Сообщение St_roy »

DeaDRoMeO писал(а):Ты случаем 2 раза джиквери не подрубил ?
Если только один раз в overal_header (гирлянда), а второй в overall_footer (стрелки) :du_ma_et:
Удалил

Код: Выделить всё

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
в overal_header (гирлянда) - без изменений
Зри в корень
#45
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Плавная Прокрутка(стрелки вверх и вниз)

Сообщение DeaDRoMeO »

St_roy писал(а):Удалил
Из футера тогда попробуй удалить, а в хедере оставить
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#46
Аватара пользователя
St_roy
Завсегдатай Форума
Завсегдатай Форума
Сообщения: 873
Стаж: 12 лет 2 месяца
Откуда: Москва
Контактная информация:

Плавная Прокрутка(стрелки вверх и вниз)

Сообщение St_roy »

DeaDRoMeO писал(а):Из футера тогда попробуй удалить
Я имел ввиду этот код

Код: Выделить всё

<div style="display:none;" class="nav_up" id="nav_up"></div><div style="display:none;" class="nav_down" id="nav_down"></div>
<script src="http://полный путь до скрипта, скачанного выше/110525224642.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(function() {
var overelem = jQuery('body');

jQuery('#nav_up').fadeIn('slow');
jQuery('#nav_down').fadeIn('slow'); 

jQuery(window).bind('scrollstart', function(){
jQuery('#nav_up,#nav_down').stop().animate({'opacity':'0.2'});
});
jQuery(window).bind('scrollstop', function(){
jQuery('#nav_up,#nav_down').stop().animate({'opacity':'1'});
});

jQuery('#nav_down').click(
function (e) {
jQuery('html, body').animate({scrollTop: overelem.height()}, 800);
}
);
jQuery('#nav_up').click(
function (e) {
jQuery('html, body').animate({scrollTop: '0px'}, 800);
}
);
});
</script>
Здесь можно что-то удалить?
Зри в корень
#47
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Плавная Прокрутка(стрелки вверх и вниз)

Сообщение DeaDRoMeO »

Блин, честно не знаю что делать, у многих конфликтуют эти скрипты, может попробуй скрипт с одной кнопкой вверх ?
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#48
Аватара пользователя
St_roy
Завсегдатай Форума
Завсегдатай Форума
Сообщения: 873
Стаж: 12 лет 2 месяца
Откуда: Москва
Контактная информация:

Плавная Прокрутка(стрелки вверх и вниз)

Сообщение St_roy »

Да гирлянда-то пусть молчит и не шевелится, надоела))) Если в будущем будут ещё конфликты с этой прокруткой, поменяю или уберу.
Зри в корень
#49
girl
Заглянул на огонек
Заглянул на огонек
Сообщения: 11
Стаж: 11 лет 5 месяцев

Плавная Прокрутка(стрелки вверх и вниз)

Сообщение girl »

тоже конфликт...когда внизу страницы жмешь на кнопку "вниз" ,то поднимает вверх .И хоть так-хоть так- недопрокручивает/ Опера/ phpbbex
#50
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Плавная Прокрутка(стрелки вверх и вниз)

Сообщение DeaDRoMeO »

girl писал(а):тоже конфликт
Хех вот с этой сборкой я ничего гарантировать не могу, в нее напихано куча скриптов и не поймешь где конфликт, напишите лучше на форум разработчика этой сборки
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#51
Аватара пользователя
slavapril
Заглянул на огонек
Заглянул на огонек
Сообщения: 41
Стаж: 11 лет 3 месяца

Плавная Прокрутка(стрелки вверх и вниз)

Сообщение slavapril »

Стрелки - удобная функция. А то указательный палец уж болит двигать колесо)
#52
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Плавная Прокрутка(стрелки вверх и вниз)

Сообщение DeaDRoMeO »

Я так мышь убил уже)) Пришлось новую брать)
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#53
Аватара пользователя
reks
Заглянул на огонек
Заглянул на огонек
Сообщения: 44
Стаж: 11 лет 1 месяц
Контактная информация:

Плавная Прокрутка(стрелки вверх и вниз)

Сообщение reks »

Всем привет!

Установил прокрутку а настроить не могу.Ребята помогите отрегулировать стрелки,а то в коде совсем ноль. Хотелось бы чтоб стрелки были по середине страницы справа.
Вот мой файл

http://depositfiles.com/files/bbecfkm2z
#54
Аватара пользователя
reks
Заглянул на огонек
Заглянул на огонек
Сообщения: 44
Стаж: 11 лет 1 месяц
Контактная информация:

Плавная Прокрутка(стрелки вверх и вниз)

Сообщение reks »

Убрал прокрутку,к сожалению конфликтует со стилями. Жаль,полезный скриптик.
#55
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Плавная Прокрутка(стрелки вверх и вниз)

Сообщение DeaDRoMeO »

Хех, конфликтов не избежать
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#56
Аватара пользователя
dqdmitry
Самый Любознательный
Самый Любознательный
Сообщения: 377
Стаж: 11 лет 4 месяца
Откуда: Ангарск
Контактная информация:

Плавная Прокрутка(стрелки вверх и вниз)

Сообщение dqdmitry »

Подскажите, нашёл с двумя стрелками такое решение:

Код: Выделить всё

<!--Кнопки в верх в низ-->
<div style="position:fixed; right:0px; bottom: 45%;">
<a href="#top" onclick="jQuery('html, body').animate({scrollTop:0}, 'slow');return false;"><img src="/images/btn_top.png" alt="Вверх страницы" ></a>
<br/>
<a href="#bottom" onclick="jQuery('html, body').animate({scrollTop:document.documentElement.scrollHeight}, 'slow');return false;"><img src="/images/btn_bottom.png" alt="Вниз страницы" ></a>
</div>
Пример, как это выглядит у автора на форуме.
Вставляю в хедер (на то место, где до этого стояла одна кнопка "вверх", как у Сергея), получается вот так:

Сами картинки при этом залил как и в скрипте прописано, т.е. images/btn_top.png и images/btn_bottom.png
Однако они не видны, хотя если нажимать на то, что на скрине показал, все работает как надо, т.е. прокручивается и вверх, и вниз.
Что ещё необходимо прописать, и где? Надо в css ещё что-то добавить?
Заранее спасибо за ответ, просто вариант этот понравился.
нуевонафигэтотавтомод
#57
Аватара пользователя
maco8024
Начинаю осваивать Форум
Начинаю осваивать Форум
Сообщения: 101
Стаж: 11 лет 10 месяцев
Откуда: Алтай
Контактная информация:

Плавная Прокрутка(стрелки вверх и вниз)

Сообщение maco8024 »

Уберите флэш перед (надо так) - images, у вас вот так /images
#58
Аватара пользователя
dqdmitry
Самый Любознательный
Самый Любознательный
Сообщения: 377
Стаж: 11 лет 4 месяца
Откуда: Ангарск
Контактная информация:

Плавная Прокрутка(стрелки вверх и вниз)

Сообщение dqdmitry »

maco8024 писал(а):Уберите флэш перед (надо так) - images, у вас вот так /images
Спасибо огромное, получилось.
Только не ближе к низу, как по ссылке у автора, а по центру.
нуевонафигэтотавтомод
#59
Аватара пользователя
dqdmitry
Самый Любознательный
Самый Любознательный
Сообщения: 377
Стаж: 11 лет 4 месяца
Откуда: Ангарск
Контактная информация:

Плавная Прокрутка(стрелки вверх и вниз)

Сообщение dqdmitry »

В итоге поставил всё-таки другой вариант :-00): , т.к. мне он показался ещё поинтересней.
В нём две стрелки, и одна из них плавно исчезает, когда не нужна (если мы в самом вверху или низу страницы). Пример можно глянуть на моём форуме, кнопки сам нарисовал, чтоб ближе к стилю были, кому надо - поделюсь.

Заодно хотел спросить, правильно-ли я сделал, что всё это в футтер запихнул, перед </body>. Может быть надо отдельный файл .js создавать?
Подключение jQuery:

Код: Выделить всё

<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script>
JavaScript код:

Код: Выделить всё

<script type="text/javascript">
jQuery(function(){
 $("#Go_Top").hide().removeAttr("href");
 if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow")
 $(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow")
  else $("#Go_Top").fadeIn("slow")
 });

 $("#Go_Bottom").hide().removeAttr("href");
 if ($(window).scrollTop()<=$(document).height()-"999") $("#Go_Bottom").fadeIn("slow")
 $(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#Go_Bottom").fadeOut("slow")
  else $("#Go_Bottom").fadeIn("slow")
 });

 $("#Go_Top").click(function(){
  $("html, body").animate({scrollTop:0},"slow")
 })
 $("#Go_Bottom").click(function(){
  $("html, body").animate({scrollTop:$(document).height()},"slow")
 })
});
</script>
Описание самих кнопок:

Код: Выделить всё

<a style='position: fixed; bottom: 60px; right: 1px; cursor:pointer; display:none;'
href='#' id='Go_Top'>
 <img src="image/go_up.png" alt="Наверх" title="Наверх">
</a>
<a style='position: fixed; bottom: 20px; right: 1px; cursor:pointer; display:none;'
href='#' id='Go_Bottom'>
 <img src="image/go_bottom.png" alt="Вниз" title="Вниз">
</a>
Значение bottom: 60px у себя увеличил, т.к. стрелки нарисовал подлиннее.
Источник.
нуевонафигэтотавтомод
#60
Ответить