Текущее время: 25 май 2024, 11:18

Правила форума


Прежде чем задать вопрос, воспользуйтесь поиском, вероятно ваш вопрос уже обсуждался.
Прежде чем задать вопрос, добавьте в профиль или в подпись адрес вашего форума.
За нарушение Правил, вы рискуете получить предупреждение или бан (в зависимости от настроения модератора).



Начать новую тему Ответить на тему  [ Сообщений: 38 ]  На страницу 1, 2, 3, 4  След.
Автор Сообщение
 Заголовок сообщения: Прокрутка форума вверх/вниз
№73 Добавлено: 05 сен 2012, 10:43 
Не в сети
Аватара пользователя


Сообщений: 478
Поблагодарил(а): 32 раз
Поблагодарили: 162 раз
Пол: Мужской
Знак зодиака: Водолей
Сайт: admins.bestforums.org
альбом: gallery/index.php
Очков репутации: 24

Добавить очки репутацииУменьшить очки репутации
в шаблоне overall_footer.html перед тегом </body> с новой строки, вставляем код

Код:
<div style="display:none;" class="nav_up" id="nav_up"></div><div style="display:none;" class="nav_down" id="nav_down"></div>
<script src="ССЫЛКА НА СКРИПТ.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>


Вложение:
jQuery v1.3.2.js


Открываем тему стиля и в самый низ вставляем
Код:
.nav_up{
padding:7px;
background-color:white;

position:fixed;
background:transparent url(ССЫЛКА НА КАРТИНКУ СТРЕЛКА ВВЕРХ) no-repeat top left;
background-position:50% 50%;
width:40px;
height:42px;
bottom:50px;
opacity:0.7;
right:20px;
white-space:nowrap;
cursor: pointer;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;
-khtml-border-top-left-radius:3px;
-khtml-border-top-right-radius:3px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.nav_down{
padding:7px;
background-color:white;

position:fixed;
background:transparent url(ССЫЛКА НА КАРТИНКУ СТРЕЛКА ВНИЗ) no-repeat top left;
background-position:50% 50%;
width:40px;
height:42px;
bottom:10px;
opacity:0.7;
right:20px;
white-space:nowrap;
cursor: pointer;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;
-khtml-border-top-left-radius:3px;
-khtml-border-top-right-radius:3px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

Вложение:
Pictures.rar

Пример тут




в этом скрипте
Код:
<div style="display:none;" class="nav_up" id="nav_up"></div><div style="display:none;" class="nav_down" id="nav_down"></div>
<script src="ССЫЛКА НА СКРИПТ.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>


находим
Код:
jQuery('html, body').animate({scrollTop: overelem.height()}, 800);
}
);
jQuery('#nav_up').click(
function (e) {
jQuery('html, body').animate({scrollTop: '0px'}, 800);


и в двух строках, цифру 800 меняем, например на 3000 таким образом скорость прокрутки сократится
а если вы хотите увеличить скорость прокрутки, тогда нужно цифру 800 заменить, например на 300


У вас нет доступа для просмотра вложений в этом сообщении.



Вернуться к началу
 Профиль  
Cпасибо сказано  
За это сообщение пользователю admin "Спасибо" сказали:
BenDeen, karas, kent, staiki
 Заголовок сообщения: Re: Прокрутка форума вверх/вниз
№434 Добавлено: 25 сен 2012, 03:27 
Не в сети
В бане
Аватара пользователя


Сообщений: 142
Откуда: Київ
Поблагодарил(а): 27 раз
Поблагодарили: 1 раз
Пол: Мужской
Знак зодиака: Весы
Откуда: Київ Украина
Сайт: http://staiki.net/
Очков репутации: -1

Добавить очки репутацииУменьшить очки репутации
Спасибо-установил.Но есть проблема с прокруткой вниз...Немного опускается и останавливается..-в самый низ не идёт.Вверх без проблем.Что не так?


Изображение


Вернуться к началу
 Профиль  
Cпасибо сказано  
 Заголовок сообщения: Re: Прокрутка форума вверх/вниз
№451 Добавлено: 25 сен 2012, 13:41 
Не в сети
В бане
Аватара пользователя


Сообщений: 142
Откуда: Київ
Поблагодарил(а): 27 раз
Поблагодарили: 1 раз
Пол: Мужской
Знак зодиака: Весы
Откуда: Київ Украина
Сайт: http://staiki.net/
Очков репутации: -1

Добавить очки репутацииУменьшить очки репутации
staiki писал(а):Но есть проблема с прокруткой вниз...Немного опускается и останавливается..-в самый низ не идёт.Вверх без проблем.Что не так?


Подскажите где исправить прокрутку вниз?


Изображение


Вернуться к началу
 Профиль  
Cпасибо сказано  
 Заголовок сообщения: Re: Прокрутка форума вверх/вниз
№460 Добавлено: 25 сен 2012, 18:19 
Не в сети
Аватара пользователя


Сообщений: 478
Поблагодарил(а): 32 раз
Поблагодарили: 162 раз
Пол: Мужской
Знак зодиака: Водолей
Сайт: admins.bestforums.org
альбом: gallery/index.php
Очков репутации: 24

Добавить очки репутацииУменьшить очки репутации
staiki писал(а):Подскажите где исправить прокрутку вниз?

покажите как вы вставили скрипт



Вернуться к началу
 Профиль  
Cпасибо сказано  
 Заголовок сообщения: Re: Прокрутка форума вверх/вниз
№465 Добавлено: 25 сен 2012, 18:41 
Не в сети
В бане
Аватара пользователя


Сообщений: 142
Откуда: Київ
Поблагодарил(а): 27 раз
Поблагодарили: 1 раз
Пол: Мужской
Знак зодиака: Весы
Откуда: Київ Украина
Сайт: http://staiki.net/
Очков репутации: -1

Добавить очки репутацииУменьшить очки репутации
admin писал(а):покажите как вы вставили скрипт

Так-же как в описании выше.Или выложить свой код?


Изображение


Вернуться к началу
 Профиль  
Cпасибо сказано  
 Заголовок сообщения: Re: Прокрутка форума вверх/вниз
№471 Добавлено: 25 сен 2012, 20:27 
Не в сети
Аватара пользователя


Сообщений: 478
Поблагодарил(а): 32 раз
Поблагодарили: 162 раз
Пол: Мужской
Знак зодиака: Водолей
Сайт: admins.bestforums.org
альбом: gallery/index.php
Очков репутации: 24

Добавить очки репутацииУменьшить очки репутации
staiki писал(а):Или выложить свой код?

было бы не плохо.



Вернуться к началу
 Профиль  
Cпасибо сказано  
 Заголовок сообщения: Re: Прокрутка форума вверх/вниз
№714 Добавлено: 23 окт 2012, 06:58 
Не в сети
Аватара пользователя


Сообщений: 35
Откуда: Бразилия
Поблагодарил(а): 9 раз
Поблагодарили: 2 раз
Пол: Женский
Знак зодиака: Лев
Откуда: Бразилия Россия
Сайт: http://amigabrasileira.ru/
Очков репутации: 0

Добавить очки репутацииУменьшить очки репутации
а для чего этот скрипт? просто из названия и без скринов мне не понятно для чего это нужно



Вернуться к началу
 Профиль  
Cпасибо сказано  
 Заголовок сообщения: Re: Прокрутка форума вверх/вниз
№715 Добавлено: 23 окт 2012, 07:10 
Не в сети
Аватара пользователя


Сообщений: 217
Поблагодарил(а): 44 раз
Поблагодарили: 100 раз
Пол: Мужской
Знак зодиака: Водолей
Сайт: http://bendeen.net
Очков репутации: 10

Добавить очки репутацииУменьшить очки репутации
mandarin писал(а):а для чего этот скрипт? просто из названия и без скринов мне не понятно для чего это нужно

Справа внизу страницы появляются полупрозрачные стрелки вверх и вниз, при нажатии на которые вы перемещаетесь соответственно вверх или вниз страницы!


Вернуться к началу
 Профиль  
Cпасибо сказано  
 Заголовок сообщения: Re: Прокрутка форума вверх/вниз
№830 Добавлено: 02 ноя 2012, 00:43 
Не в сети


Сообщений: 42
Откуда: Симферополь
Поблагодарил(а): 13 раз
Поблагодарили: 0 раз
Пол: Женский
Знак зодиака: Весы
Откуда: Симферополь Украина
Сайт: http://darnika.info
Очков репутации: 0

Добавить очки репутацииУменьшить очки репутации
Здравствуйте, я все установила...а ничего нет(( Все чистила сто раз, а стрелочки так и не появились :dumaet: Что я делаю не так(((


Вернуться к началу
 Профиль  
Cпасибо сказано  
 Заголовок сообщения: Re: Прокрутка форума вверх/вниз
№831 Добавлено: 02 ноя 2012, 09:51 
Не в сети
Аватара пользователя


Сообщений: 217
Поблагодарил(а): 44 раз
Поблагодарили: 100 раз
Пол: Мужской
Знак зодиака: Водолей
Сайт: http://bendeen.net
Очков репутации: 10

Добавить очки репутацииУменьшить очки репутации
Фея писал(а):Что я делаю не так(((

Ссылки на картинки свои ставили? Скрипт в картинки загрузили и ссылки вставили куда надо?


Вернуться к началу
 Профиль  
Cпасибо сказано  
Показать сообщения за:  Поле сортировки  
Начать новую тему Ответить на тему  [ Сообщений: 38 ]  На страницу 1, 2, 3, 4  След.

Часовой пояс: UTC + 1 час [ Летнее время ]



Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Найти:
Перейти:  
cron