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

Scroll element into view at bottom of page

本文关键字：底部 视图 元素 滚动      更新时间：2023-09-26

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

目前我一直在使用：

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

这将元素带到页面顶部的视图中，但是，我只希望它被带到视图中，比如说，从页面底部的10%，这样表数据仍然在那里，并且简单的页面移动向用户显示按钮在那里。

这可能吗？

很难测量内容的高度，因为它们因页面而异。

我使用的是本机javascript，而不是JQuery库。

尝试使用scrollIntoView(false)=）

不是将elb放在顶部，而是将其放在页面底部=）

参考

发布完整答案，包括底部问题的10%：

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