поэтому предположим, что щелчок по чему-либо приведет к загрузке нового контента на экран, следовательно, изменится высота документа, и если раньше полос прокрутки не было, то теперь полосы прокрутки действительно есть...
как я могу обнаружить что-то подобное, используя jquery
привязка события изменения размера к окну определяет только изменение размера окна, тогда как привязка его к документу не работает
Обновление:
не используйте событие DOMSubtreeModified. Он устарел, устарел и плохо поддерживается браузерами. В 99,9 % случаев вы можете прослушать другое событие. Скорее всего, вы один из тех людей, которые используют jQuery и делают некоторые вещи AJAX, поэтому, пожалуйста, взгляните на их Документы AJAX.
Это все доступные события. Вам нужно будет обнаружить $(document).bind('DOMSubtreeModified', function() { ... }); и проверить изменение размера по сравнению с предыдущим срабатыванием.
var height = $(this).height(),
width = $(this).width();
$(document).bind('DOMSubtreeModified', function() {
if($(this).height() != height || $(this).width() != width) {
recalibrate();
}
});
Это событие срабатывает каждый раз, когда что-либо выполняется с DOM. Поэтому это замедлит работу вашего браузера.
Мы должны получить лучшую альтернативу. Не могли бы вы дать нам больше информации о вашем сценарии?
Вот решение.
// ajdust margins when page size changes (ie rotate mobile device)
$(window).resize(function() {
// Do something more useful
console.log('doc height is ' + $(window).height());
});
Вы можете попробовать событие процентной прокрутки, подобное этому: http://www.jquery4u.com/snippets/jquery-detect-scrolled-page/
Возможно, вам потребуется добавить проверку, чтобы увидеть, присутствует ли вертикальная полоса прокрутки:
var hasVScroll = document.body.scrollHeight > document.body.clientHeight;
$(document)на$("body")или что-то подобное. 04.04.2011.load(). 04.04.2011