保持分区在屏幕中可见

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 您可以在此处查看有关如何计算所需参数的更具体示例。