按钮滚动视图。jquery

我需要创建一个按钮，将滚动智能手机上的网站视图。点击它后，视图应该向下滚动，测量它应该滚动多远是窗口高度； html:

但它不起作用，为什么？

---

它总是向上滚动到第二个元素li

我认为防止默认的点击行为应该解决这个问题，我会使用文档而不是窗口：

var heightW = $(document).height();
var licznik = 0;
$(".arrow").bind("click touchstart", function(e) {
    e.preventDefault();
    $('html, body').animate({
        scrollTop : heightW
    }, 200);
});

---

它总是滚动到$window.height，不是吗？是的，那么我如何写以显示下一页的第o部分，向下滚动到$window.height；或2*窗高；或3*窗高；当没有空间再滚动一次时，应该滚动到列表的末尾，然后查看。谢谢！：这是我所需要的，但这不是我想要的，我不想滚动到文档的结尾，但我想随着显示窗口的高度向下滚动，我的意思是文档有很多图像，在手机上我看到两个或三个，所以我想向下滚动以查看下一个图像

var heightW = $( window ).height();
var licznik = 0;
$(".arrow").bind("click touchstart", function() {
    $('html, body').animate({
        scrollTop : heightW
    }, 200); });

var heightW = $(document).height();
var licznik = 0;
$(".arrow").bind("click touchstart", function(e) {
    e.preventDefault();
    $('html, body').animate({
        scrollTop : heightW
    }, 200);
});