向Google地圖補充條添加垂直滾動條

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進行滾動，簡單與scroll值添加CSS屬性overflow - 你將需要提供height屬性太

example here

如果您的sidebar元素是div您可以應用以下內容：

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

您將需要改變height和width值你需要....

的scroll值表示：

內容被剪切和桌面瀏覽器使用滾動條，不論是否任何內容都被剪輯。這可以避免滾動條在動態環境中出現和消失的問題。打印機可能會打印溢出的內容。

Docs for the overflow property here