Как проскроллить вниз ровно на высоту экрана?
Доброе время суток.
Нашел скрипт на jQerey, но он срабатывает один раз почему-то? Вот сам скрипт. $(document).ready ( function ( ) { $('#nav_down').fadeIn('slow'); var win = $(window).height () ; $( '#nav_down' ).click ( function ( ) { $( 'body,html' ).animate ( { scrollTop: win } , 800 ) ; return false ; } ) ; } ) ; <div class="nav_down" id="nav_down"></div> При нажатии кнопки только один раз уходит вниз, при втором нажатие ни чего не происходит. я понимаю что надо писать вот так: scrollTop: '+=win' но, так не работает. Помогите разобраться со скриптом. |
Цитата:
|
Цитата:
|
Цитата:
Ну вот тебе еще одна... |
я открыл вашу ссылку там написано.
"Переменную win объявляйте после клика" Хорошо написал так $(document).ready ( function ( ) { $('#nav_up').fadeIn('slow'); $('#nav_down').fadeIn('slow'); $( '#nav_down' ).click ( function ( ) { var win = $(window).height(); $( 'body,html' ).animate ( {scrollTop: '+=win'} , 800 ) ; return false ; } ) ; } ) ; Все равно не работает при втором нажатии |
Цитата:
|
Цитата:
я в курсе что написал ошибку. но как сделать? |
Цитата:
Нужно учитывать так же, что сам пользователь может скрольнуть вниз или вверх, т.ч. и текущее положение придется анализировать на предмет "на какой странице я нахожусь" и "на какую мне скролить"... |
<div class="nav_down" id="nav_down" style='position:fixed; left:100px;background-color:silver'>скролл вниз</div> <div id = "container"></div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> <script> $(document).ready ( function ( ) { $('#nav_down').fadeIn('slow'); var win = $(window).height (), count = 1, content = ""; for (var i=1;i<300;i++) content += i.toString() + "<br>"; $('#container').html(content); $( '#nav_down' ).click ( function ( ) { $( 'body,html' ).animate ( { scrollTop: win * count } , 800 ) ; count++; return false ; } ) ; } ) ; </script> |
Dilettante_Pro, если самому скрольнуть колесом вниз, а потом нажать на "скролл вниз" - получается скролл вверх. ;)
|
Часовой пояс GMT +3, время: 02:08. |