Когда «приблизить» в Facebook, боковая панель чата скрыта, но как?

Question

Я не уверен, что кто-нибудь заметит, что Facebook может обнаружить уровень увеличения изображения, когда он достигнет уровня, он будет динамически добавлять .hidden_elem classname на .fbChatSidebar, чтобы скрыть его. (Проверьте ниже вложение)

Я искал много об этой функции и нашел репо в GitHub называется detect-zoom, но мне кажется, что все еще есть некоторые проблемы, особенно в последней версии от FF & Chrome.

Так что мне действительно интересно узнать, как Facebook обнаруживает это с помощью JavaScript, и я пробовал его с последним FF & Chrome, и кажется, что Facebook может обнаружить его правильно и скрыть боковую панель на правом уровне увеличения.

Кто-нибудь знает что-нибудь о том, как они реализуют эту функцию? или даже возможные решения приветствуются.

Спасибо.

Answer 1

Я не уверен в точном решении, которое использует Facebook, но я обнаружил, что они скрывают боковую панель как по размеру окна, так и по масштабированию.

Мои исследования показывают, что все браузеры, включая IE8 и up, запускают событие window.resize при масштабировании. Поэтому, установив некоторую точку останова, когда вы хотите что-то скрыть, вы сможете реализовать некоторые подобные функции.

Быстрый и грязный пример: http://jsbin.com/ofufer/1/