0

誰かが私を助けてくれるのではないかと思います。

以下のコードは、Googleマップのサイドバーを作成する私のWebページのセクションです。

// == 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を使用するときに複製する方法がわかりません。

誰かがこれを見て、どうすればこれを実行できるかについてのガイダンスを提供できるかどうか疑問に思いました。

よろしくお願いします

4

1 に答える 1

1

をdivスクロールできるようにするには、cssプロパティoverflowに値を追加します-属性も指定scrollする必要がありますheight

ここの例

sidebar要素がaの場合divは、次を適用できます。

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

必要に応じてheightとのwidth値を変更する必要があります...。

scroll平均の値：

コンテンツはクリップされ、デスクトップブラウザは、コンテンツがクリップされているかどうかに関係なく、スクロールバーを使用します。これにより、動的な環境でスクロールバーが表示されたり消えたりする問題が回避されます。プリンタはオーバーフローしたコンテンツを印刷する場合があります。

ここにオーバーフロープロパティのドキュメント

于 2012-07-09T13:10:59.347 に答える