支持CSS和JS的可滚动DIV

Question

目前，我在左侧有一个块，里面有一个可滚动的div标记：https://paste.pics/2b27787ffd9e5671df4d34b0b656ba2a

当鼠标悬停在附加图像(棕色背景)的右侧时，我想滚动附加图像左侧的div标签，该如何实现？

Answer 1

​

div {
    width: 300px;
    height: 200px;
    overflow-y: scroll
}

<div></div>

​

没有js，你可以滚动固定高度的div和css溢出属性。

Answer 2

选中Find mouse position relative to element以捕捉右侧面板上的光标位置

使用正确的面板大小，如果需要，你可以很容易地计算出位置

从光标中心位置计算左侧面板的可见框，并相应地更改左侧面板的属性scrollTop和scrollLeft

https://developer.mozilla.org/fr/docs/Web/API/Element/scrollTop