jquery - 按钮 ScrollView 。查询

Question

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

<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;
}

j查询:

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

但它不起作用，为什么？ 它总是向上滚动到第二个元素 li

Answer 1

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

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/