将div（展开时）保持在浏览器窗口视图中

Question

我添加了此脚本，以确保#myDiv完全#myDiv ：

document.getElementById('myDiv').scrollIntoView();

但是，这#myDiv的顶部设置为浏览器窗口的顶部。 有没有办法修改此值，以使#myDiv的底部从浏览器窗口的底部设置一定数量的像素？

Answer 1

Element.scrollIntoView 无法执行您想要的操作。

使用文档的scrollHeight（检查兼容性）和元素在文档中的绝对偏移量自行计算偏移量（通常使用元素本身的offsetTop，其parentNode等的递归函数）

我曾经读过这些文章：

• http://www.quirksmode.org/mobile/viewports.html
• http://www.quirksmode.org/js/findpos.html