Bagaimana untuk Menambah Bar Tatal pada Elemen SVG Apabila Limpahan Tidak Berfungsi?

Mengatasi Ketiadaan Bar Skrol dalam Elemen SVG

Pertanyaan anda berkaitan dengan menambah bar skrol pada elemen SVG yang mengandungi berbilang item kandungan dan mempunyai atribut kotak pandangan. Walaupun menambahkan atribut limpahan pada kedua-dua elemen SVG dan div yang merangkumi, bar skrol kekal tiada.

Penyelesaian:

Penyelesaian terletak pada menjadikan elemen SVG lebih besar daripada bekas div. Pelarasan ini membenarkan div mengurus limpahan dan melaksanakan bar skrol.

Berikut ialah contoh daripada jsfiddle:

<code class="css">div#container {
  height: 400px;
  width: 400px;
  border:2px solid #000;
  overflow: scroll;
}
svg#sky {
  height: 100px;
  width: 1100px;
  border:1px dotted #ccc;
  background-color: #ccc;
}</code>

Dengan mengubah suai dimensi SVG untuk melebihi dimensi div, limpahan tidak lebih lama terkandung dalam SVG. Sebaliknya, ia melangkaui bekas, membenarkan fungsi tatal div mengambil alih.

Atas ialah kandungan terperinci Bagaimana untuk Menambah Bar Tatal pada Elemen SVG Apabila Limpahan Tidak Berfungsi?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!