Question

我有一张右侧边栏的Google地图。搜索结果来自数据库，它在地图上显示地图图标，并在侧栏中显示名称和地址列表，并且它可以正常工作，但是列表可以有100个条目，并非所有都可见而不滚动侧边栏，但滚动工作很好，但是有100个数据条目很繁琐...

因此...

当用户点击地图图标时，我正在使用href＃跳转到侧边栏中的锚标签，这也可以正常工作并显示（跳转到）包含在div中的相应数据条目，但目标位置除外显示的是我的导航栏后面的固定。这是因为默认情况下，锚标签显示位置是页面的顶部，只有在点击地图图标时，我才需要将目标数据条目向下推约50px。

我可以将div =“50px”添加到div中，当用户点击地图图标时，这会将侧边栏中的列表向下推到正确的位置，但问题是它为列表中的每个条目添加了50px点击地图图标与否。

所以我理想的做法是在相关条目中添加一个height =“50px”垫片（高度偏移），使其位于导航栏下方50px处并更改其div背景颜色。我已经尝试了很多想法，但是50px垫片应用于每个条目（不需要）或被忽略，并且背景颜色也被忽略。我已经检查了一些其他类似的答案，但它们似乎并不适用，因为我已经在使用div #id和div .class。有什么想法吗？

function createMarker(point, map, infoWindow, html, CompanyName) {
var marker = new google.maps.Marker({
  position: point,
  map: map,
  icon: 'MapIcons/'+IdCategory+'.png',
  url: '#'+CompanyName,
  title: CompanyName
});

//以下是侧栏

    side_bar_html +='<div id="' +CompanyName+ '" class="COMPANYNAME"><a href="javascript:myclick(' +(gmarkers.length-0)+ ')">' +CompanyName+ '</a></div>\n'+
    '<p align="justify" class="TEXT">' +CompanyDescription+ '</p>\n'+
    '</div>';


google.maps.event.addListener(marker, 'click', function() {
window.location.href = this.url;
});

使用垫片跳转到锚标签以偏移页面位置并更改div颜色

0 个答案: