javascript - 在屏幕上保持分区可见

Question

我正在创建一个网页，当用户将鼠标悬停在图像上时，它会显示一个段落，该段落包含在它下面的一个分区中。当用户将光标移出图像时，分割消失。

我的问题是，当用户单击屏幕底部的图像时..我希望使用javascript滚动页面，直到底部的分割可见...

我想知道如何做到这一点。用什么功能？？

提前致谢..

Answer 1

基本上你需要计算你的浏览器窗口的高度......然后还要知道你的图像的高度和它的偏移量（即它的放置位置）......

做一些数学，你会得到你想要的额外的页面滚动......只需这样做......

以下是一些适合您的功能：

in Internet Explorer (backward-compatibility mode):
document.body.offsetWidth, document.body.offsetHeight

in Internet Explorer (standards mode, document.compatMode=='CSS1Compat'):
document.documentElement.offsetWidth, document.documentElement.offsetHeight

in most other browsers – as well as IE9 (standards mode):
window.innerWidth, window.innerHeight (the page's visible width/height)
window.outerWidth, window.outerHeight (the browser outer width/height) 

直接从这里获取：http ://www.javascripter.net/faq/browserw.htm 你可以在这里查看更多关于如何计算所需参数的具体示例。