Как проскроллить вниз ровно на высоту экрана?

Question

[Александр Тимофеев]

Для скролла вниз использую кнопочку со скриптом:

$(document).ready(function(){
                var win = $(window).height();
                $('.click').click(function () {
                    $('body,html').animate({
                        scrollTop: win
                    }, 800);
                    return false;
                });
            });

Хочу чтобы проскроллилось вниз ровно на экран, но почему-то в этом случае получается больше. Причём сайт делаю адаптивным и на мобильной версии он вообще куда-то далеко вниз уходит.

Comments

[YemSalat]

Не уверен почему так получается, мб $(window).innerHeight() попробовать?

Answer 1

[Иван Беленков]

YemSalat всё верно сказал. Наиболее точный результат даст innerHeight.

Comments

[Александр Тимофеев]

У меня почему-то ничего не поменялась. innerHeight тот же результат делает что и height

Answer 2

[Кирилл Грачёв]

Не совсем то что вы ищете, но мб стоит взглянуть на уже готовые решения?
One Page Scroll или fullPage.js

Comments

[Александр Тимофеев]

:) Да, мне, честно говоря, нужна просто кнопочка в качестве призыва к действию.

[Кирилл Грачёв]

Может стоит просто скролить к якорю? Например <a name="call-to-action"></a>

[Александр Тимофеев]

Кирилл Грачёв: Хотелось бы только с анимацией. А нельзя с помощью jquery кода выше к якорю сколить? Я сам пытался написать что-то типа такого в переменную:
var win = $('#caption');
но так не работает))

[Кирилл Грачёв]

Как то так

Answer 3

[Олег Галимов]

Доброе время суток.

При нажатии кнопки только один раз уходит вниз, при втором нажатие ни чего не происходит. я понимаю что надо писать Хранить где-то "счетчик"... Увеличивать его при каждом скроле...
Нужно учитывать так же, что сам пользователь может скрольнуть вниз или вверх, т.ч. и текущее положение придется анализировать на предмет "на какой странице я нахожусь" и "на какую мне скролить"...
Помогите разобраться со скриптом. Как это сделать?

Comments

[YemSalat]

var win = $(window).scrollTop() + $(window).innerHeight();

[Олег Галимов]

YemSalat: Огромное Спасибо! Что и надо было.