將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