将元素滚动到页面底部的视图中

Question

我有一个大型数据表，当从中选择一个项目时，我想把它下面的提交按钮带到视图中。

目前我一直在使用：

elb = document.getElementById('buybox');    
elb.scrollIntoView(true);

这会将元素置于页面顶部的视图中，但是，我只希望它从页面底部进入视图，例如10％，因此表格数据仍然存在且页面简单移位向用户显示按钮在那里。

这可能吗？

由于页面与页面的不同，很难衡量内容高度。

我使用的是原生javascript，而不是使用JQuery库。

Answer 1

尝试使用scrollIntoView(false) =）

不是将elb带到顶部，而是将其带到页面底部=）

Reference

Answer 2

发布完整答案，包含10％来自底层问题：

var screenh = window.innerHeight; 
var toScroll = ''+screenh/10;
elb.scrollIntoView(false);
window.scrollBy(0,toScroll);