首页 > 点击回到页面底部怎么写简单些?

点击回到页面底部怎么写简单些?

如题


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

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


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


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


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

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

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

锚点不是更easy?


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

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

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

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

【热门文章】
【热门文章】