我在屏幕上的某个地方有一个可滚动的 div。
我在它的某个地方有那个 div 的孩子。
如何滚动 div 以将此子项放置在可见区域的中心?
(如何确定 div 的可见宽度和高度,以及如何滚动以将矩形控件放置在此居中?)
我在屏幕上的某个地方有一个可滚动的 div。
我在它的某个地方有那个 div 的孩子。
如何滚动 div 以将此子项放置在可见区域的中心?
(如何确定 div 的可见宽度和高度,以及如何滚动以将矩形控件放置在此居中?)
如果你使用 jQuery,你可以试试scrollTo插件。
在纯 js 中,这可以使用element.scrollTop来完成。您将需要获取元素在内部的位置,<div>
而不是使用该值滚动主 div。
要计算内部元素位置,您需要使用offsetTop和offsetLeft属性获取与父元素相关的偏移顶部和左侧属性。
要使元素居中,您可能还需要使用element.scrollLeft