bir web sayfası

Question

bir elemanın taşan genişliği almak için Nasıl bu kadar

<div id="parent" style="width:100px:overflow:hidden;"> 
    <div id="child"> 
     tooooooooooooooooooooo much content to fit in parent 
    </div> 
</div> 

Dinamik çocuğun içeriği güncellenmesi ve jQuery kullanarak kaydırma gibiyim iki renklendirilmiş. Çocuğun ne kadar geniş olduğunu bulmayı çok istiyorum. Sorun, taşan içerik mevcut olduğunda çocuğun gerçek genişliğinin, ekrandan bile daha geniş olmasıdır (mevcut test içeriğiyle yaklaşık 2500 piksel görünmektedir). Öğenin sınırı, kümesinin içeriğin gerçek genişliğine uzanmıyorsa, metin görünür kenarın ötesine taşar.

kullanarak jQuerys $('#child').width, clientWidth, scrollWidth (sayesinde bobince) ve offsetWidth özellikleri (Monitörümün genişliği) 1024 piksel tüm dışarı max. Öğelerin içeriğinin taşmayı da içerdiğini bulmak için herhangi bir yol biliyor mu? Eğer yardımcı olursa, yapıyorum app kiosk tipi bir ortamda çalışır, bu yüzden sadece bir Firefox (hatta bir gece versiyonu) çözümü iyidir.

Güncelleme: scrollWidth Ebeveyn işleri üzerine daha dikkatli olmalı, tekrar bobince teşekkür etmeliydim.

Answer 1

document.getElementById('parent').scrollWidth 

scrollWidth tarihsel olarak daha az iyi offsetWidth daha desteklendi bir IE uzantısıdır. Ancak bugünlerde tüm modern masaüstü tarayıcıları içerir. JQuery kullanarak

Answer 2

, yapabileceğiniz:

$('#parent')[0].scrollWidth