2014-09-22 151 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);