javascript - 点击回到页面底部怎么写简单些？-PHP中文网问答

javascript - 点击回到页面底部怎么写简单些？

怪我咯 2017-04-11 10:52:57

[JavaScript讨论组]

576

如题

怪我咯

走同样的路，发现不同的人生

全部回复(8)

大家讲道理2017-04-11 10:54:57 8楼

写一个按钮back-to-top，然后

//点击这个按钮时，回到顶部
$("#back-to-top").click(function(){
    $('body,html').animate({scrollTop:0}, 500); 
    return false;
});

赞 +0

添加回复

怪我咯2017-04-11 10:54:57 7楼

$(document).scrollTop($(document).height()-$(window).height());

用页面的高度减去窗口的高度。

赞 +0

添加回复

PHPz2017-04-11 10:54:57 6楼

document.body.scrollTop=document.body.scrollHeight-document.body.clientHeight;

赞 +0

添加回复

大家讲道理2017-04-11 10:54:57 5楼

简单归简单，但是也得容易阅读不是

首页获取页面高度，其他使用jQuery动画进行滚动

$(window).load(function() {
  $("html, body").animate({ scrollTop: $(document).height() }, 1000);
});

赞 +0

添加回复

迷茫2017-04-11 10:54:57 4楼

获取盒子scrollHeight的值，还有视窗height
,scrollTop=scrollHeight-视窗高度
这样应该就可以了，不过要考虑body与html两个标签在各个浏览器兼容性。
最近写个滚动条样式实现些滚动效果时发现了这个问题。

赞 +0

添加回复

阿神2017-04-11 10:54:57 3楼

直接document.body.scrollTop = document.body.scrollHeight即可, 不用去减什么可见区域高度

赞 +0

添加回复

怪我咯2017-04-11 10:54:57 2楼

直接href='#'......

赞 +0

添加回复

大家讲道理2017-04-11 10:54:57 1楼

锚点不是更easy?

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>