X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Прокрутка страницы (scroll)
stoptest
stoptest
Topic Starter сообщение 18.11.2012, 13:13; Ответить: stoptest
Сообщение #1


Есть скрипт прокрутки страницы вверх,вниз. от начала до конца.
Как его переделать чтобы прокрутка была только по нажатию ( по типу кнопок вверх-вниз на клавиатуре) т.е. отпускаешь и останавливается прокрутка
        <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
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 19.11.2012, 0:03; Ответить: yury_mw
Сообщение #2


Можно, например, заменить строки
                                 $('#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();
             }
        );


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Нужно ли закрывать ненужные страницы тегом noindex, follow?
8 noviktamw 2805 2.3.2024, 12:53
автор: toplinks
Открытая тема (нет новых ответов) Вытащить страницы из кэша Яндекса
2 VostrVL 1894 11.1.2024, 23:07
автор: ЛаврионСергеевич
Открытая тема (нет новых ответов) Подскажите как можно сравнить по контенту 2 страницы сайта?
1 noviktamw 854 14.12.2023, 17:38
автор: malamut
Открытая тема (нет новых ответов) Сверстать страницы из figma
нужно сделать страницы для веб приложения
1 bluestorm 1279 7.6.2022, 18:11
автор: doharddocode
Открытая тема (нет новых ответов) Подобрать группы и страницы и разместить ссылку
4 Lacomka 3374 21.2.2022, 8:43
автор: АлексейWEB


 



RSS Текстовая версия Сейчас: 19.3.2024, 8:58
Дизайн