Плавная Прокрутка(стрелки вверх и вниз)
Модераторы: Vl@d1m1r, Lorem Ipsum, Atlas
Правила форума
----
----
- KinoMan
- Заглянул на огонек
- Сообщения: 30
- Стаж: 11 лет 7 месяцев
- Откуда: Москва, Казань
- Контактная информация:
Плавная Прокрутка(стрелки вверх и вниз)
Лена Спасибо!
я этот скрипт оказалось знаю ... странно, может у меня какой-то конфликт с другим js, хотя консоль ошибок молчит ...
я этот скрипт оказалось знаю ... странно, может у меня какой-то конфликт с другим js, хотя консоль ошибок молчит ...
- DeaDRoMeO
- Старожил Форума
- Сообщения: 16763
- Стаж: 13 лет 2 месяца
- Откуда: Витебск
- Контактная информация:
Плавная Прокрутка(стрелки вверх и вниз)
Дело наверное в JQuery, потому что тому скрипту не все версии джиквери подходят, не на всех он работает)
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
- St_roy
- Завсегдатай Форума
- Сообщения: 873
- Стаж: 12 лет 4 месяца
- Откуда: Москва
- Контактная информация:
Плавная Прокрутка(стрелки вверх и вниз)
Вот и я поставил эту прокрутку и гирлянда перестала шевелится и звенеть
Зри в корень
- DeaDRoMeO
- Старожил Форума
- Сообщения: 16763
- Стаж: 13 лет 2 месяца
- Откуда: Витебск
- Контактная информация:
Плавная Прокрутка(стрелки вверх и вниз)
Хех конфликты за конфликтами, буду глядеть. Ты случаем 2 раза джиквери не подрубил ?
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
- St_roy
- Завсегдатай Форума
- Сообщения: 873
- Стаж: 12 лет 4 месяца
- Откуда: Москва
- Контактная информация:
Плавная Прокрутка(стрелки вверх и вниз)
Если только один раз в overal_header (гирлянда), а второй в overall_footer (стрелки)DeaDRoMeO писал(а):Ты случаем 2 раза джиквери не подрубил ?
Удалил
Код: Выделить всё
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
Зри в корень
- DeaDRoMeO
- Старожил Форума
- Сообщения: 16763
- Стаж: 13 лет 2 месяца
- Откуда: Витебск
- Контактная информация:
Плавная Прокрутка(стрелки вверх и вниз)
Из футера тогда попробуй удалить, а в хедере оставитьSt_roy писал(а):Удалил
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
- St_roy
- Завсегдатай Форума
- Сообщения: 873
- Стаж: 12 лет 4 месяца
- Откуда: Москва
- Контактная информация:
Плавная Прокрутка(стрелки вверх и вниз)
Я имел ввиду этот код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>
Зри в корень
- DeaDRoMeO
- Старожил Форума
- Сообщения: 16763
- Стаж: 13 лет 2 месяца
- Откуда: Витебск
- Контактная информация:
Плавная Прокрутка(стрелки вверх и вниз)
Блин, честно не знаю что делать, у многих конфликтуют эти скрипты, может попробуй скрипт с одной кнопкой вверх ?
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
- St_roy
- Завсегдатай Форума
- Сообщения: 873
- Стаж: 12 лет 4 месяца
- Откуда: Москва
- Контактная информация:
Плавная Прокрутка(стрелки вверх и вниз)
Да гирлянда-то пусть молчит и не шевелится, надоела))) Если в будущем будут ещё конфликты с этой прокруткой, поменяю или уберу.
Зри в корень
Плавная Прокрутка(стрелки вверх и вниз)
тоже конфликт...когда внизу страницы жмешь на кнопку "вниз" ,то поднимает вверх .И хоть так-хоть так- недопрокручивает/ Опера/ phpbbex
- DeaDRoMeO
- Старожил Форума
- Сообщения: 16763
- Стаж: 13 лет 2 месяца
- Откуда: Витебск
- Контактная информация:
Плавная Прокрутка(стрелки вверх и вниз)
Хех вот с этой сборкой я ничего гарантировать не могу, в нее напихано куча скриптов и не поймешь где конфликт, напишите лучше на форум разработчика этой сборкиgirl писал(а):тоже конфликт
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
Плавная Прокрутка(стрелки вверх и вниз)
Стрелки - удобная функция. А то указательный палец уж болит двигать колесо)
- DeaDRoMeO
- Старожил Форума
- Сообщения: 16763
- Стаж: 13 лет 2 месяца
- Откуда: Витебск
- Контактная информация:
Плавная Прокрутка(стрелки вверх и вниз)
Я так мышь убил уже)) Пришлось новую брать)
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
Плавная Прокрутка(стрелки вверх и вниз)
Всем привет!
Установил прокрутку а настроить не могу.Ребята помогите отрегулировать стрелки,а то в коде совсем ноль. Хотелось бы чтоб стрелки были по середине страницы справа.
Вот мой файл
http://depositfiles.com/files/bbecfkm2z
Установил прокрутку а настроить не могу.Ребята помогите отрегулировать стрелки,а то в коде совсем ноль. Хотелось бы чтоб стрелки были по середине страницы справа.
Вот мой файл
http://depositfiles.com/files/bbecfkm2z
Плавная Прокрутка(стрелки вверх и вниз)
Убрал прокрутку,к сожалению конфликтует со стилями. Жаль,полезный скриптик.
- DeaDRoMeO
- Старожил Форума
- Сообщения: 16763
- Стаж: 13 лет 2 месяца
- Откуда: Витебск
- Контактная информация:
Плавная Прокрутка(стрелки вверх и вниз)
Хех, конфликтов не избежать
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
- dqdmitry
- Самый Любознательный
- Сообщения: 377
- Стаж: 11 лет 6 месяцев
- Откуда: Ангарск
- Контактная информация:
Плавная Прокрутка(стрелки вверх и вниз)
Подскажите, нашёл с двумя стрелками такое решение:
Пример, как это выглядит у автора на форуме.
Вставляю в хедер (на то место, где до этого стояла одна кнопка "вверх", как у Сергея), получается вот так:
Сами картинки при этом залил как и в скрипте прописано, т.е. images/btn_top.png и images/btn_bottom.png
Однако они не видны, хотя если нажимать на то, что на скрине показал, все работает как надо, т.е. прокручивается и вверх, и вниз.
Что ещё необходимо прописать, и где? Надо в css ещё что-то добавить?
Заранее спасибо за ответ, просто вариант этот понравился.
Код: Выделить всё
<!--Кнопки в верх в низ-->
<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 ещё что-то добавить?
Заранее спасибо за ответ, просто вариант этот понравился.
нуевонафигэтотавтомод
- maco8024
- Начинаю осваивать Форум
- Сообщения: 101
- Стаж: 11 лет 11 месяцев
- Откуда: Алтай
- Контактная информация:
Плавная Прокрутка(стрелки вверх и вниз)
Уберите флэш перед (надо так) - images, у вас вот так /images
- dqdmitry
- Самый Любознательный
- Сообщения: 377
- Стаж: 11 лет 6 месяцев
- Откуда: Ангарск
- Контактная информация:
Плавная Прокрутка(стрелки вверх и вниз)
Спасибо огромное, получилось.maco8024 писал(а):Уберите флэш перед (надо так) - images, у вас вот так /images
Только не ближе к низу, как по ссылке у автора, а по центру.
нуевонафигэтотавтомод
- dqdmitry
- Самый Любознательный
- Сообщения: 377
- Стаж: 11 лет 6 месяцев
- Откуда: Ангарск
- Контактная информация:
Плавная Прокрутка(стрелки вверх и вниз)
В итоге поставил всё-таки другой вариант , т.к. мне он показался ещё поинтересней.
В нём две стрелки, и одна из них плавно исчезает, когда не нужна (если мы в самом вверху или низу страницы). Пример можно глянуть на моём форуме, кнопки сам нарисовал, чтоб ближе к стилю были, кому надо - поделюсь.
Заодно хотел спросить, правильно-ли я сделал, что всё это в футтер запихнул, перед </body>. Может быть надо отдельный файл .js создавать?
Подключение jQuery:
JavaScript код:
Описание самих кнопок:
Значение bottom: 60px у себя увеличил, т.к. стрелки нарисовал подлиннее.
Источник.
В нём две стрелки, и одна из них плавно исчезает, когда не нужна (если мы в самом вверху или низу страницы). Пример можно глянуть на моём форуме, кнопки сам нарисовал, чтоб ближе к стилю были, кому надо - поделюсь.
Заодно хотел спросить, правильно-ли я сделал, что всё это в футтер запихнул, перед </body>. Может быть надо отдельный файл .js создавать?
Подключение jQuery:
Код: Выделить всё
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script>
Код: Выделить всё
<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>
Источник.
нуевонафигэтотавтомод