Question

我想知道是否有人可以帮助我。

以下代码是我的网页的一部分，它为Google地图创建了一个侧边栏。

// == rebuilds the sidebar to match the markers currently displayed == 
function makeSidebar() {
  var html = "";
  for (var i = 0; i < gmarkers.length; i++) {
    if (gmarkers[i].getVisible()) {
      html += '<a href="javascript:myclick(' + i + ')">' + gmarkers[i].myname + " - " + gmarkers[i].mydescription + '<\/a><br>';
    }
  }
  document.getElementById("sidebar").innerHTML = html;
}

我遇到的问题是，随着地图标记列表的增加，滚动页面以查看所有条目变得越来越困难。

我希望能够创建一个垂直滚动条，以便于导航。我已经对此做了一些阅读，我认为我说如果这是div，我可以使用overflow吗？但我不确定在使用Javascript时如何复制。

我只是想知道是否有人可以看看这个，并就如何解决这个问题提供一些指导。

非常感谢和亲切的问候

Answer 1

要允许滚动div，只需添加值为overflow的css属性scroll - 您还需要提供height属性

example here

如果您的sidebar元素是div，则可以应用以下内容：

#sidebar {
   overflow: scroll;
   height: 400px;
   width: 100px;
}

您需要根据需要更改height和width值。

值scroll表示：

内容被剪裁，桌面浏览器使用滚动条，无论是否剪切任何内容。这避免了滚动条在动态环境中出现和消失的任何问题。打印机可能会打印溢出的内容。

Docs for the overflow property here

将垂直滚动条添加到Google地图边栏

1 个答案: