jquery - 如何获取谷歌地图标记来控制 jscrollpane 中的滚动？

Question

我已经搜索了这个问题的答案，但是只有当你想要在谷歌地图的信息窗口中使用 jscrollpane 时才能找到答案。

我有一个谷歌地图，上面有一些标记，每个标记在它旁边的 jscrollpane div 中都有一个关联的 div。当您单击地图上的标记时，我希望 jscrollpane 滚动到相应的 div 的 Y 坐标。

关于如何做到这一点的任何想法？我在 jscrollpane scrollto 元素 ID 上找不到太多信息。

干杯!

Answer 1

您需要 2 条信息：jscrollpane 中关联 div 的位置，以及 jscrollpane 的当前滚动位置。

var pos = $(markerDiv).position();
var currentScroll = $(scrollPane).scrollTop();
$(scrollPane).animate({ scrollTop: currentScrollTop + pos.top });

或者，我认为您可以使用 jScrollPane 的 scrollTo 方法 $(scrollPanel).scrollTo(currentScrollTop + pos.top);