Неисправности в jQuery измерении высоты при больших числах?

Я "решил" проблему, с которой столкнулся, но все же это довольно странно, и решение хакерское. На моем сайте есть страницы размером несколько тысяч пикселей, такие как http://rodelynx.nl/judas-priest-redeemer-of-souls-missen-we-k-k-downing/ Я настраиваю элементы, которые будут частью общей высоты документа. Но когда документ действительно большой, в вычислениях возникают некоторые ошибки.

Это соответствующий код:

var bodyH = $(document).height(), 
    headerH = $('header').outerHeight(),
    footerH = $('footer').outerHeight(),
    zptH = 220,
    linksBalkenNweH = bodyH - (headerH + footerH + zptH);
    rechtsNweH = bodyH - (headerH + footerH);


if ((bodyH - (headerH + footerH)) > 1810) {
    $('.linksBalkenBuiten').height(linksBalkenNweH);
    $('.linksBalkenMiddenRechts').height(linksBalkenNweH);  
    $('.balkenRechts').find('img').height(rechtsNweH);
} 

Так что, если бы все было хорошо, днища соответствующих элементов должны быть выровнены. Но это не тот случай; нижние части адаптированных элементов выровнены, но не к элементу, называемому tagNav, который решается таким хакерским способом (также портящим дизайн).

var zptPos = $('[title="Zoek per Tag"]').position().top,
    tagNavPos = $('.tagNav').position().top;

if (zptPos != tagNavPos) {
    $('.tagNav').css({'margin-top': '' + zptPos - tagNavPos + 'px'});
}

Скорее всего, jQuery не виноват, но мой код, но я не вижу проблем с моим кодом, что довольно просто.

// edit: ок, так получается, что мое решение не решило проблему на всех моих страницах. Что возвращает меня к первоначальной проблеме: как jquery может так явно измерить высоту? Посмотрите на нижнюю часть этого экрана: http://rodelynx.nl/video-fotos-en-verslag-van-demo-kampbewoners-osdorp-koekamp-2/ Согласно jquery, вертикальное смещение 'zoek per Элемент tag'равен 4767, а вертикальное смещение nav тега равно 4757. И все же они явно намного дальше, чем это.

0 ответов

Другие вопросы по тегам