如何在页面底部添加更多滚动

我有一个页面，页面中最低的元素没有足够的页面滚动到屏幕顶部。如何在页面底部添加更多滚动

如何在页面底部添加足够的屏幕（空白区域），以便最低的'帖子'可以滚动到顶部？

2014-06-06 haky_nash

你可以检查你需要得到完全可见的元素的高度，并添加填充到body。这样你总是会有足够的空间在底部 – moped

使用javascript获取窗口的高度，类似于

var h = window.innerHeight;

然后拿到最后一个职位的高度与窗户高度类似的东西

var height = document.getElementById('foo').offsetHeight;

减去元素的高度并应用结果作为填充底到该元素。

2014-06-06 08:23:10 marmulin

为您的身体有些min-height值：

body{ 
    min-height:1200px; 
}

2014-06-06 08:02:05

使用填充：body{padding-bottom: 500px;}

2014-06-06 08:02:23 Justinas

如果500像素是不够的？我希望它根据屏幕大小而变化。 –

@haky_nash从你的展示代码中，我看到，高度小于500px，所以它会很好。 – Justinas

如何在页面底部添加足够的屏幕（空白区域），以便最低的'帖子'可以滚动到顶部？ –

你可以在最后加上底边的元素，或者可以创建一个空的div标签与一些高度

2014-06-06 08:03:34

如何在页面底部添加*刚够*的屏幕（空白区域），以便最低的'帖子'可以滚动到顶部？如果有帮助， –

设置最后一个空白div的高度（页面总高度 - 最后一篇文章的高度）。 –

回答