点击一个按钮,页面滚动到底部

HTML部分:

<div class="mui-content">

<div class="comment-tap">

<div class="commtentnews">评论</div>

</div>

</div>

css部分:

.mui-content{
height: 100%;
overflow-y: scroll;//局部滚动
}

JS 部分

//点击下方评论跳转至评论区
$('.comment-tap .commentnews').on('tap', function () {

//commentTop为评论区
var jumpcomment = getElementTop(commentTop); //距离顶部的高度
$('.mui-content').animate({
scrollTop: jumpcomment
}, 300);
})

//元素距离顶部的高度
function getElementTop(elem) {
var sum = elem.offsetTop;
while((elem = elem.offsetParent) != null) {
sum += elem.offsetTop;
}
return sum;
}

猜你喜欢

转载自www.cnblogs.com/james-L/p/9035417.html
今日推荐