将 div(展开时)保留在浏览器窗口视图中

Question

我添加了此脚本以确保展开时#myDiv完全可见：

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

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

Answer 1

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

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

量

我曾经读过那些文章：

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