我需要创建一个按钮,它将在智能手机上滚动网站视图。点击它后,视图应向下滚动,测量它应滚动的距离是窗口高度; 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
答案 0 :(得分:0)
我认为防止默认点击行为应该解决这个问题,我会使用文档而不是窗口:
var heightW = $(document).height();
var licznik = 0;
$(".arrow").bind("click touchstart", function(e) {
e.preventDefault();
$('html, body').animate({
scrollTop : heightW
}, 200);
});