ПРЕДИСЛОВИЕ: Проект компании должен использовать всплывающую рамку для вертикального центра. Подобные вертикальные центрирующие всплывающие обстановки в Интернете похожи. Поскольку проект основан на jQuery, используйте $ (window) .height ()-layer.height ())/2 +$ (документ) .scrolltop (), чтобы получить вертикальное смещение. Я без проблем проверял все виды браузеров. После того, как фоновый персонал переместил ценность проекта, была проблема. Когда страница превысила один экран, под Chrome и FF, всплывающее окно не было центрировано вертикально на текущем экране, а центрировался относительно всей веб-страницы.
После просмотра информации от всех сторон все выводы указывают:
1. Высота окна, $ (окно). Хейт ()
2. Высота документа, $ (документ). Хейт ()
3. Высота свернутого, $ (окно) .scrolltop ()
Найдите причину : тогда я обнаружил, что на странице бэкэнд -персонала не было Doctype, поэтому в Chrome, $ (window) .height () = $ (документ). Height (), $ (документ). Он означает, что когда фактический контент высота веб -страницы не полна одного экрана, это означает высота всего окна (стоимость будет изменяться при изменении окна. Когда страница превышает один экран, она выражается как фактическая высота всего содержимого веб -страницы. В этом нет никаких возражений, и это не влияет на то, чтобы установить Doctype. Однако: $ (window) .height () находится в Transitional.dtd, независимо от того, превышает ли фактическая высота содержания веб -страницы полноэкран или нет, оно равно высоте всего окна (значение изменится, когда окно будет увеличено и уменьшено). Если Doctype не установлен, $ (window) .height () = $ (документ) .height (). То есть, когда контент превышает один экран, $ (окно). Хейт () является фактической высотой веб -страницы, которая, как говорят, не равна высоте окна.
Решение:
S Чтобы получить высоту окна, вы можете внести соответствующие изменения только на основе Doctype. Если Doctype не установлен, будет выполнена следующая обработка.
if ($ (document) .height ()> = $ (window) .height ()) {_windowheight = document.body.clientHeight; } else {// alert ($ (window) .height ()); _windowHeight = $ (документ) .Height (); };Когда Doctype установлен на Transitional.dtd, windowheight = $ (window) .height ()
Приведенное выше краткое обсуждение влияния doctype на стоимость $ (window) .height () - это весь контент, которым я делюсь с вами. Я надеюсь, что вы можете дать вам ссылку, и я надеюсь, что вы сможете поддержать Wulin.com больше.