У меня есть эксперимент jquery, в котором есть div с id = "mask", который должен быть расположен в центре страницы. я попробовал оба
Jquery:
$("#mask").height()
и javascript native:
var mask = document.getElementById("mask");
var ht_mask = getComputedStyle(mask).getPropertyValue("height");
var ht_mask_num = Number(ht_mask.slice(0,ht_mask.length - 2));
оба дают разные значения на console.log() в firefox и chrome. У меня есть эксперимент на
jsfiddle: http://jsfiddle.net/avi_sagi/3RAEE/embedded/result/
и на моем сайте (иногда хорошо работает): http://sagiavinash.com/projects/labs/Holi/
к счастью, это работает для некоторых людей, но если они перезаряжаются несколько раз, он не работает все время. я проверил вкладку сети Chrome в контрольном элементе, который дает информацию по порядку загрузки ресурсов. Я вижу jquery, иногда не загружая, даже если я использую google CDN, который является лучшим. Это не совсем причина для неправильного использования, но фактор
FYI: я использую "meyer reset css" и "jquery 1.11.0", это одна из проблем, которые я обнаружил, что могут возникнуть другие проблемы, связанные с этой проблемой позиционирования.
попробуйте заменить
$("#mask").css('marginTop', margin_top + "px");
С
$("#mask").css('position', "absolute",'top','20%');
Надеюсь, поможет