2014-09-22 150 views
2

我有一个大型的数据表,当从中选择一个项目时,我想将其下面的提交按钮放入视图中。将元素滚动到页面底部的视图

目前我一直在使用:

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

这使在页面顶部的元素进入视野,但是,我只希望它被带入视图,比如,从底部10%该页面使表格数据仍然存在,简单的页面切换显示用户该按钮在那里。

这可能吗?

由于每页页面不同,因此难以衡量内容高度。

我使用原生JavaScript,而不是使用JQuery库。

回答

4

尝试使用scrollIntoView(false) =)

而不是带来ELB顶端,所以它带来的页面底部=)

Reference

+1

好吧,我从来没有!谁知道!谢谢你,对任何感兴趣的人都会发表完整的回答 – 2014-09-22 14:04:53

3

发布完整的答案,包括从底层的10%问题:

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