`scrollHeight` özelliği

Question

Kullanmadan güvenilir bir şekilde döndürme öğesinin scrollHeight özelliği Düz Javascript veya jQuery kullanarak, kaydırma öğesinin tam yüksekliğini almam gerekir. Ancak DOM özelliği scrollHeightis apparently not 100% reliable.

Sonra onun öncesinde değerine css (dönen geçici boyutunu kontrol, et auto bir css yüksekliğini vererek öngören edildi kendisi sorunları var ki - ben jQuery .css('height') gibi css height:100% yerine height:1012px nasıl elde edersiniz dönecek).

$el.css('height', 'auto'); 
scrollHeight = $el.height(); 
$el.css('height', ''); 

: Ama sonra yoluna jQuery bir öğeye doğrudan css stil uygular nedeniyle, sadece bu yüzden teorik olarak bunu yapabilir miydim, stile normal stil sayfalık ilan değere '' döner uygulayarak anladım Ama bu işe yaramıyor. height:auto, öğemin orijinal stilini 100% geçersiz kılıyor ve öğenin istenen yüksekliğin tamamını almasını sağlıyor.

Şimdi bu satırlar boyunca daha fazla bir şey düşünüyorum: İlk çocuk elemanın üstünün konumunu ve son alt öğenin alt kısmının yüksekliğini almak için konumunu kullanın. (Gerekirse ben bu kavramın sadece bir kanıtıdır, dolgu ve marj için ayarlayabilirsiniz.)

function scrollHeight($el) { 
    var lastEl = $el.children(':last'); 
    return (
     lastEl.position().top 
     + lastEl.height() 
     - $el.children(':first').position().top; 
    ); 
} 

Math.max($el[0].scrollHeight, $el.height()) arasında bazı çalışma da yararlı olabilir ...

çok kötü bir fikre mi? Bir DOM öğesinin scrollHeight'unu tanımak ve öğenin kaydırıldığı sırada değiştirilmemesine ve IE 8 gibi tüm önemli tarayıcılarda çalışmaya devam etmesine gerek yok. IE 6 & 7) için bir çözüm bilmek ilginç.

Answer 1

yerine

$el.css('height', 'auto');

deneyin -

$el.attr('style', 'height: auto !important');

sana çünkü bu çalışıyorum sayılabilir demek -

yükseklik: auto benim öğenin orijinal baskın olmadığından % 100 vetarzı, elemanın istenilen yüksekliğe ulaşmasını sağlar.