Событие клика маркера карты Google автоматически прокручивает другой внутри div

Question

Я хотел бы спросить, в чем проблема моего кода. Потому что, когда я нажал маркер карты Google не хорошо прокручивать идентификаторНажатие на тот же маркер перевернет сделку. Я не понимаю, почему автопрокрутка иногда приводит к неправильной позиции при нажатии.

        for (var key in markersData)
            markersData[key].forEach(function (item) {
                marker = new google.maps.Marker({
                    position: new google.maps.LatLng(item.location_latitude, item.location_longitude),
                    map: mapObject,
                    icon: item.map_marker,
                    id: item.ad_id 
                });
                attachClickHandler(marker);

                if ('undefined' === typeof markers[key])
                    markers[key] = [];
                    markers[key].push(marker);
                    gmarkers.push(marker);

                    google.maps.event.addListener(marker, 'click', (function () {
                    closeInfoBox();
                    getInfoBox(item).open(mapObject, this);
                    mapObject.setCenter(new google.maps.LatLng(item.location_latitude, item.location_longitude));
             }
             ));


});

функция attachClickHandler (marker) {

google.maps.event.addListener (marker, 'click', function)() {

  var elem = $('#'+marker.id);
  $('.hatter').css("background-color", "");
  $(elem).css('background-color', 'red');


  $('#scroll').animate({
    scrollTop: elem.offset().top
  }, 1000);

});}