Bagaimanakah Saya Boleh Menentukan Dimensi Bar Skrol Penyemak Imbas Menggunakan JavaScript?

Menentukan Dimensi Bar Tatal Penyemak Imbas

Bagaimanakah kita boleh memastikan saiz bar skrol sama ada dalam orientasi mendatar atau menegak menggunakan JavaScript?

Penyelesaian:

Penyelesaian JavaScript mempunyai telah dicadangkan oleh Alexandre Gomes Blog, seperti yang dipetik di bawah:

function getScrollBarWidth () {
  var inner = document.createElement('p');
  inner.style.width = "100%";
  inner.style.height = "200px";

  var outer = document.createElement('div');
  outer.style.position = "absolute";
  outer.style.top = "0px";
  outer.style.left = "0px";
  outer.style.visibility = "hidden";
  outer.style.width = "200px";
  outer.style.height = "150px";
  outer.style.overflow = "hidden";
  outer.appendChild (inner);

  document.body.appendChild (outer);
  var w1 = inner.offsetWidth;
  outer.style.overflow = 'scroll';
  var w2 = inner.offsetWidth;
  if (w1 == w2) w2 = outer.clientWidth;

  document.body.removeChild (outer);

  return (w1 - w2);
}

Dengan mencipta dan membandingkan lebar atau tinggi elemen tersembunyi dengan dan tanpa penggunaan bar skrol, fungsi ini menentukan dengan tepat lebar bar skrol mendatar atau ketinggian bar skrol menegak.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menentukan Dimensi Bar Skrol Penyemak Imbas Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!