Question

我需要创建一个按钮，它将在智能手机上滚动网站视图。点击它后，视图应向下滚动，测量它应滚动的距离是窗口高度; 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;
}

jquery的：

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/

按钮滚动视图。 jQuery的

1 个答案: