Google Maps on Click to Market ScrollTo Div

Question

我一直在拔头发，尝试了一切。我将有许多标记，当用户单击时，这些标记会将它们带到可滚动的框，并带来有关其单击位置的更多信息。该信息将被滚动，因为它将放置在空间有限的模式中。

目前，当您单击标记时，显然是将您带到其他位置，而当再次单击同一标记时，它会跳转，因此几乎就像是随机的。有谁知道我可以尝试解决的任何想法，请检查我的小提琴，该小提琴清楚地说明了问题，谢谢。

google.maps.event.addListener(marker, 'click', function() {
   var elem = $(marker.url);
   $('#container').animate({
       scrollTop: elem.offset().top
   }, 1000 );
});

Fiddle Link

Answer 1

这里正在演奏小提琴：http://jsfiddle.net/sbrwvd2o/。

有两个问题：

每次循环遍历var marker数组时，
1. markers都会被覆盖。而且事件监听器可能会添加到错误的标记中
2. element.offset（）。滚动#container时，top值正在变化。

因此，请查看新的提琴。希望对您有所帮助。