SORU
5 EKİM 2011, ÇARŞAMBA


Dıv eğer jquery ile kontrol elemanları taşan vardır

Sabit bir yükseklik ve overflow:hidden; ile bir div var

Eğer div div sabit yükseklik geçmiş taşan olan eleman varsa jQuery ile kontrol etmek istiyorum. Bunu nasıl yapabilirim?

CEVAP
5 EKİM 2011, ÇARŞAMBA


Aslında eğer başıma bir taşma varsa ya da herhangi bir WordPress kullanmak gerekmez. element.offsetHeight, element.offsetWidth , element.scrollHeight ve element.scrollWidth eğer öğe içerik boyutu daha büyük olup olmadığını belirlemek edebilirsiniz kullanarak:

if (element.offsetHeight < element.scrollHeight ||
    element.offsetWidth < element.scrollWidth) {
    // your element have overflow
} else {
    // your element doesn't have overflow
}

Eylem örnek: Fiddle

Ama eğer element içinde görünür ya da değil ne olduğunu bilmek istiyorsanız, o zaman daha fazla hesaplama yapmak gerekir. Görünürlük açısından bir alt öğe için üç durum vardır:

enter image description here

Eğer yarı-görünür öğeleri saymak istiyorsanız ihtiyacınız senaryo olur

var invisibleItems = [];
for(var i=0; i<element.childElementCount; i  ){
  if (element.children[i].offsetTop   element.children[i].offsetHeight >
      element.offsetTop   element.offsetHeight ||
      element.children[i].offsetLeft   element.children[i].offsetWidth >
      element.offsetLeft   element.offsetWidth ){

        invisibleItems.push(element.children[i]);
    }

}

Ve eğer saymak istemiyorsun diye yarı görünür küçük bir fark ile hesaplayabilirsiniz.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Jason Parker

    Jason Parker

    14 Aralık 2009
  • JayzTwoCents

    JayzTwoCents

    26 AĞUSTOS 2012
  • PhoneBuff

    PhoneBuff

    10 HAZİRAN 2011