按钮滚动视图。 jquery

我需要创建一个按钮，这将滚动浏览智能手机上的网站。点击它后，视图应该向下滚动，测量它应该滚动多少距离窗口高度; HTML：按钮滚动视图。 jquery

<div class="sSite"> 
<a class="arrow"><img/></a> 
<ul> 
    <li><img/></li> 
    <li><img/></li> 
    <li><img/></li> 
    <li><img/></li> 
    <li><img/></li> 
    <li><img/></li> 
    .... 
</ul> 
</div> 

.arrow{ 
    position: fixed; 
    display: block; 
}

的jQuery：

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

，但它不能正常工作，为什么？它总是向上滚动到第二个元素里

来源

2014-10-02 Karolina

它一直滚动到' $（window）.height（）'，不是吗？ – Regent 2014-10-02 12:08:41

是的，所以我怎么写可以显示下一个部分的页面，向下滚动$（window）.height（）;或2 * $（window）.height（）;或3 * $（window）.height（）;并且当没有空间再滚动一次时，它应该滚动到此列表的末尾ul – Karolina 2014-10-02 12:24:29

看看[fiddle]（http://jsfiddle.net/hdr47f65/）。 – Regent 2014-10-02 12:37:54

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

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

http://jsfiddle.net/c7wzeoyr/

来源

2014-10-02 12:14:45

但这dosnt wor像我想，我不想滚动到文档的结尾，但我想向下滚动显示窗口的高度，我的意思是文档有很多图像，在手机上我看到两个或三个，所以我想向下滚动查看其他图像 – Karolina 2014-10-02 12:23:00

按钮滚动视图。 jquery

回答

相关问题