Страница 3 из 4
Плавная Прокрутка(стрелки вверх и вниз)
Добавлено: 12 дек 2012, 22:49
KinoMan
Лена Спасибо!
я этот скрипт оказалось знаю ... странно, может у меня какой-то конфликт с другим js, хотя консоль ошибок молчит ...
Плавная Прокрутка(стрелки вверх и вниз)
Добавлено: 13 дек 2012, 08:44
DeaDRoMeO
Дело наверное в JQuery, потому что тому скрипту не все версии джиквери подходят, не на всех он работает)
Плавная Прокрутка(стрелки вверх и вниз)
Добавлено: 13 дек 2012, 09:27
St_roy
Вот и я поставил эту прокрутку и гирлянда перестала шевелится и звенеть
Плавная Прокрутка(стрелки вверх и вниз)
Добавлено: 13 дек 2012, 10:35
DeaDRoMeO
Хех конфликты за конфликтами, буду глядеть. Ты случаем 2 раза джиквери не подрубил ?
Плавная Прокрутка(стрелки вверх и вниз)
Добавлено: 13 дек 2012, 11:44
St_roy
DeaDRoMeO писал(а):Ты случаем 2 раза джиквери не подрубил ?
Если только один раз в overal_header (гирлянда), а второй в overall_footer (стрелки)
Удалил
Код: Выделить всё
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
в overal_header (гирлянда) - без изменений
Плавная Прокрутка(стрелки вверх и вниз)
Добавлено: 13 дек 2012, 13:47
DeaDRoMeO
St_roy писал(а):Удалил
Из футера тогда попробуй удалить, а в хедере оставить
Плавная Прокрутка(стрелки вверх и вниз)
Добавлено: 13 дек 2012, 14:18
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>
Здесь можно что-то удалить?
Плавная Прокрутка(стрелки вверх и вниз)
Добавлено: 14 дек 2012, 10:40
DeaDRoMeO
Блин, честно не знаю что делать, у многих конфликтуют эти скрипты, может попробуй скрипт с одной кнопкой вверх ?
Плавная Прокрутка(стрелки вверх и вниз)
Добавлено: 14 дек 2012, 11:57
St_roy
Да гирлянда-то пусть молчит и не шевелится, надоела))) Если в будущем будут ещё конфликты с этой прокруткой, поменяю или уберу.
Плавная Прокрутка(стрелки вверх и вниз)
Добавлено: 28 дек 2012, 11:03
girl
тоже конфликт...когда внизу страницы жмешь на кнопку "вниз" ,то поднимает вверх .И хоть так-хоть так- недопрокручивает/ Опера/ phpbbex
Плавная Прокрутка(стрелки вверх и вниз)
Добавлено: 28 дек 2012, 12:50
DeaDRoMeO
girl писал(а):тоже конфликт
Хех вот с этой сборкой я ничего гарантировать не могу, в нее напихано куча скриптов и не поймешь где конфликт, напишите лучше на форум разработчика этой сборки
Плавная Прокрутка(стрелки вверх и вниз)
Добавлено: 07 янв 2013, 13:55
slavapril
Стрелки - удобная функция. А то указательный палец уж болит двигать колесо)
Плавная Прокрутка(стрелки вверх и вниз)
Добавлено: 07 янв 2013, 15:53
DeaDRoMeO
Я так мышь убил уже)) Пришлось новую брать)
Плавная Прокрутка(стрелки вверх и вниз)
Добавлено: 18 фев 2013, 12:46
reks
Всем привет!
Установил прокрутку а настроить не могу.Ребята помогите отрегулировать стрелки,а то в коде совсем ноль. Хотелось бы чтоб стрелки были по середине страницы справа.
Вот мой файл
http://depositfiles.com/files/bbecfkm2z
Плавная Прокрутка(стрелки вверх и вниз)
Добавлено: 18 фев 2013, 18:32
reks
Убрал прокрутку,к сожалению конфликтует со стилями. Жаль,полезный скриптик.
Плавная Прокрутка(стрелки вверх и вниз)
Добавлено: 18 фев 2013, 21:24
DeaDRoMeO
Хех, конфликтов не избежать
Плавная Прокрутка(стрелки вверх и вниз)
Добавлено: 15 мар 2013, 05:09
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 ещё что-то добавить?
Заранее спасибо за ответ, просто вариант этот понравился.
Плавная Прокрутка(стрелки вверх и вниз)
Добавлено: 15 мар 2013, 05:19
maco8024
Уберите флэш перед (надо так) - images, у вас вот так /images
Плавная Прокрутка(стрелки вверх и вниз)
Добавлено: 15 мар 2013, 05:55
dqdmitry
maco8024 писал(а):Уберите флэш перед (надо так) - images, у вас вот так /images
Спасибо огромное, получилось.
Только не ближе к низу, как по ссылке у автора, а по центру.
Плавная Прокрутка(стрелки вверх и вниз)
Добавлено: 15 мар 2013, 08:17
dqdmitry
В итоге поставил всё-таки другой вариант
, т.к. мне он показался ещё поинтересней.
В нём две стрелки, и одна из них плавно исчезает, когда не нужна (если мы в самом вверху или низу страницы). Пример можно глянуть на моём форуме, кнопки сам нарисовал, чтоб ближе к стилю были, кому надо - поделюсь.
Заодно хотел спросить, правильно-ли я сделал, что всё это в футтер запихнул, перед </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 у себя увеличил, т.к. стрелки нарисовал подлиннее.
Источник.
