Хранить div (при раскрытии) в окне браузера

Question

Я добавил этот скрипт, чтобы убедиться, #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