periksa jQuery jika tatal menegak hadir

Gunakan coretan kod jQuery mudah untuk menentukan sama ada bar skrol menegak di tetingkap utama wujud. Ciri ini sangat berguna, sebagai contoh, apabila pengguna menatal ke bahagian bawah halaman, satu peristiwa yang memaparkan halaman yang berkaitan dapat dicetuskan.

// 检查垂直滚动条是否存在
// 也适用于FF8
verticalScrollPresent: function() {
  return (document.documentElement.scrollHeight !== document.documentElement.clientHeight);
}

// 上述方法的冗长版本
verticalScrollPresent: function() {
  //return (document.documentElement.scrollHeight !== document.documentElement.clientHeight);

  // 获取body元素的计算样式
  var cStyle = document.body.currentStyle || window.getComputedStyle(document.body, "");

  // 检查overflow和overflowY属性是否为"auto"和"visible"值
  hasVScroll = cStyle.overflow == "visible"
               || cStyle.overflowY == "visible"
               || (hasVScroll && cStyle.overflow == "auto")
               || (hasVScroll && cStyle.overflowY == "auto");

  return !hasVScroll;
}

JQuery Vertical Scroll Bar Detection FAQs (FAQs)

Bagaimana menggunakan jQuery untuk menentukan sama ada bar scroll boleh dilihat?

Gunakan jQuery untuk menentukan sama ada scrollbar boleh dilihat, anda boleh menggunakan sifat

dan scrollHeight elemen. Jika clientHeight (ketinggian jumlah kandungan, termasuk bahagian yang tersembunyi disebabkan oleh limpahan) adalah lebih besar daripada scrollHeight (ketinggian kandungan yang kelihatan), bar skrol hadir. Berikut adalah coretan kod mudah: clientHeight

var element = document.getElementById('yourElementId');
if (element.scrollHeight > element.clientHeight) {
  // 存在滚动条
} else {
  // 不存在滚动条
}

Bagaimana untuk membuat div secara menegak menggunakan jQuery?

Untuk membuat div secara vertikal menggunakan jQuery, anda perlu menetapkan harta CSS

div ke "auto" atau "tatal". Ini menambah bar skrol ke Div apabila kandungan melebihi ketinggiannya. Berikut adalah contoh mudah: overflow

$('#yourDivId').css('overflow', 'auto');

Bagaimana menggunakan jQuery untuk memeriksa sama ada terdapat unsur -unsur yang melimpah di Div?

Untuk menggunakan jQuery untuk memeriksa sama ada terdapat unsur -unsur yang melimpah di Div, anda boleh membandingkan

div dengan scrollHeight. Jika clientHeight lebih besar daripada scrollHeight, ini bermakna terdapat elemen yang melimpah di Div. Berikut adalah coretan kod mudah: clientHeight

var div = document.getElementById('yourDivId');
if (div.scrollHeight > div.clientHeight) {
  // div中有溢出的元素
} else {
  // div中没有溢出的元素
}

Bagaimana menggunakan kaedah scrolltop dalam jQuery?

Kaedah

dalam jQuery digunakan untuk mendapatkan atau menetapkan kedudukan bar tatal menegak elemen. Apabila dipanggil tanpa parameter, scrollTop mengembalikan kedudukan menegak semasa bar tatal. Apabila dipanggil dengan parameter angka, scrollTop menetapkan kedudukan menegak bar tatal. Berikut adalah contoh: scrollTop

// 获取滚动条的当前垂直位置
var position = $('#yourElementId').scrollTop();

// 设置滚动条的垂直位置
$('#yourElementId').scrollTop(100);

Bagaimana menggunakan jQuery untuk menentukan sama ada kandungan elemen HTML melimpah?

Untuk menggunakan jQuery untuk menentukan sama ada kandungan elemen HTML melimpah, anda boleh membandingkan

elemen dengan scrollHeight. Jika clientHeight lebih besar daripada scrollHeight, ini bermakna kandungannya melimpah. Berikut adalah coretan kod mudah: clientHeight

var element = document.getElementById('yourElementId');
if (element.scrollHeight > element.clientHeight) {
  // 内容溢出
} else {
  // 内容未溢出
}

Bagaimana menggunakan jQuery untuk menatal ke bahagian atas halaman?

Untuk menggunakan jQuery untuk menatal ke bahagian atas halaman, anda boleh menggunakan kaedah

dan kaedah animate. Berikut adalah contoh: scrollTop

$('html, body').animate({ scrollTop: 0 }, 'slow');

bagaimana untuk menatal ke elemen tertentu menggunakan jQuery?

Untuk menggunakan jQuery untuk menatal ke elemen tertentu, anda boleh menggunakan kaedah

dan kaedah animate. Berikut adalah contoh: offset

$('html, body').animate({
  scrollTop: $('#yourElementId').offset().top
}, 'slow');

Bagaimana menggunakan jQuery untuk mengesan acara menatal?

Untuk menggunakan jQuery untuk mengesan peristiwa menatal, anda boleh menggunakan kaedah

. Kaedah ini menambahkan fungsi yang berjalan apabila peristiwa tatal berlaku pada elemen. Berikut adalah contoh: scroll

// 检查垂直滚动条是否存在
// 也适用于FF8
verticalScrollPresent: function() {
  return (document.documentElement.scrollHeight !== document.documentElement.clientHeight);
}

bagaimana menggunakan jQuery untuk menyembunyikan bar scroll?

Untuk menggunakan jQuery untuk menyembunyikan bar scroll, anda boleh menetapkan harta CSS overflow elemen untuk "tersembunyi". Ini akan menyembunyikan bar skrol, tetapi kandungan masih boleh menatal jika ia melimpah. Berikut adalah contoh:

// 上述方法的冗长版本
verticalScrollPresent: function() {
  //return (document.documentElement.scrollHeight !== document.documentElement.clientHeight);

  // 获取body元素的计算样式
  var cStyle = document.body.currentStyle || window.getComputedStyle(document.body, "");

  // 检查overflow和overflowY属性是否为"auto"和"visible"值
  hasVScroll = cStyle.overflow == "visible"
               || cStyle.overflowY == "visible"
               || (hasVScroll && cStyle.overflow == "auto")
               || (hasVScroll && cStyle.overflowY == "auto");

  return !hasVScroll;
}

bagaimana membuat scrollable div menggunakan jQuery?

Untuk membuat div scrollable menggunakan jQuery, anda boleh menetapkan harta CSS overflow div ke "auto" atau "tatal". Ini menambah bar skrol ke Div apabila kandungan melebihi ketinggiannya. Berikut adalah contoh mudah:

var element = document.getElementById('yourElementId');
if (element.scrollHeight > element.clientHeight) {
  // 存在滚动条
} else {
  // 不存在滚动条
}

Atas ialah kandungan terperinci periksa jQuery jika tatal menegak hadir. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!