Перейти к содержимому


× Быстрый вопрос
Пользователь месяца
Андрей WPM Андрей WPM 1-й за Июль
Очков активности: 2 142 4 темы, 90 сообщений, 14 баллов репутации
Сайт: wpmaster.kz
ТОП самых активных за этот месяц
  • Фотография Rodiola
    #1

    Rodiola (rukodelkovo.ru)
    Очков активности: 802.5 3 темы, 98 сообщений, 5 баллов репутации

  • Фотография maxnik
    #2

    maxnik (konovalovpavel.ru)
    Очков активности: 378 0 тем, 42 сообщения, 6 баллов репутации

  • Фотография Андрей WPM
    #3

    Андрей WPM (wpmaster.kz)
    Очков активности: 150 Вне конкурса за определение пользователя месяца

  • Фотография IxMaster
    #4

    IxMaster (site.ru)
    Очков активности: 139.5 3 темы, 22 сообщения, 3 балла репутации

  • Фотография lena220678
    #5

    lena220678
    Очков активности: 111 4 темы, 25 сообщений, 2 балла репутации

  • Фотография Megoydagi
    #6

    Megoydagi (24ho.ru)
    Очков активности: 96 5 тем, 17 сообщений, 2 балла репутации

  • Фотография annabum
    #7

    annabum
    Очков активности: 75 2 темы, 19 сообщений, 2 балла репутации

  • Фотография Vmir
    #8

    Vmir
    Очков активности: 57 Вне конкурса за определение пользователя месяца

  • Фотография FIvYUr
    #9

    FIvYUr (moy-evroopt.ru)
    Очков активности: 36 0 тем, 8 сообщений, 3 балла репутации

  • Фотография Constantine
    #10

    Constantine (constantine.video.blog)
    Очков активности: 31.5 3 темы, 12 сообщений, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 30.07.2019
  • Яндекс выдача: 25.08.2019
Топ 5 участников по репутации


Прокрутка страницы (scroll)

#1 stoptest

stoptest
  • Неактивные
  • 7 сообщений
  • Репутация: 0
0

Отправлено 18 Ноябрь 2012 - 12:13

Есть скрипт прокрутки страницы вверх,вниз. от начала до конца.
Как его переделать чтобы прокрутка была только по нажатию ( по типу кнопок вверх-вниз на клавиатуре) т.е. отпускаешь и останавливается прокрутка
	    <div style="display:none;" class="nav_up image1" id="nav_up"></div>
		 <div style="display:none;" class="nav_down image1" id="nav_down"></div>
	  <script type="text/javascript">
			 $(function() {
				 var $elem = $('#content');
				 $('#nav_up').fadeIn('slow');
				 $('#nav_down').fadeIn('slow'); 
				 $(window).bind('scrollstart', function(){
					 $('#nav_up,#nav_down').stop().animate({'opacity':'0.2'});
				 });
				 $(window).bind('scrollstop', function(){
					 $('#nav_up,#nav_down').stop().animate({'opacity':'1'});
				 });
				 $('#nav_down').click(
					 function (e) {
						 $('html, body').animate({scrollTop: $elem.height()}, 800);
					 }
				 );
				 $('#nav_up').click(
					 function (e) {
						 $('html, body').animate({scrollTop: '0px'}, 800);
					 }
				 );
			 });
		 </script>

 

 

  • 0

#2 yury

yury
  • Пользователь
  • 647 сообщений
  • Репутация: 192

Отправлено 18 Ноябрь 2012 - 23:03

Можно, например, заменить строки
$('#nav_down').click(
										 function (e) {
												 $('html, body').animate({scrollTop: $elem.height()}, 800);
										 }
								 );
								 $('#nav_up').click(
										 function (e) {
												 $('html, body').animate({scrollTop: '0px'}, 800);
										 }
								 );

на
$('#nav_down').mousedown(
			 function (e) {
				$('html, body').animate({scrollTop: $elem.height()}, 800);
			 }
		);
		 $('#nav_up').mousedown(
			 function (e) {
				$('html, body').animate({scrollTop: '0px'}, 800);
			 }
		);
		$('#nav_down').mouseup(
			 function (e) {
				$('html, body').stop();
			 }
		);
		$('#nav_up').mouseup(
			 function (e) {
				$('html, body').stop();
			 }
		);

  • 1



Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru