Javascript 什么时候;放大“;在Facebook上,聊天侧边栏被隐藏了,但是怎么隐藏呢?

Javascript 什么时候;放大“;在Facebook上,聊天侧边栏被隐藏了,但是怎么隐藏呢?,javascript,css,facebook,zooming,Javascript,Css,Facebook,Zooming,我不确定是否有人注意到Facebook可以检测到用户在达到某个级别时放大级别,它会动态地将.hidden\u elemclassname添加到.fbChatSidebar以隐藏它。(检查以下附件) 我已经搜索了很多关于这个特性的信息,在github中找到了名为repo的文件,但似乎仍然存在一些问题,尤其是在最新版本的FF&Chrome中 所以我真的很好奇Facebook是如何用JavaScript检测到这一点的,我已经用最新的FF&Chrome试用过了,似乎Facebook可以正确地检测到它

我不确定是否有人注意到Facebook可以检测到用户在达到某个级别时放大级别,它会动态地将.hidden\u elemclassname添加到.fbChatSidebar以隐藏它。(检查以下附件)

我已经搜索了很多关于这个特性的信息,在github中找到了名为repo的文件,但似乎仍然存在一些问题,尤其是在最新版本的FF&Chrome中

所以我真的很好奇Facebook是如何用JavaScript检测到这一点的,我已经用最新的FF&Chrome试用过了,似乎Facebook可以正确地检测到它,并在适当的放大级别隐藏侧边栏

有人知道如何实现此功能吗?甚至可能的解决方案都是受欢迎的


谢谢。

我不确定Facebook使用的确切解决方案,但我发现它们隐藏了窗口大小和缩放的侧边栏

我的研究表明,所有浏览器,包括IE8和更高版本,在缩放时也会触发window.resize事件。因此,当您希望隐藏某些内容时,通过设置一些断点,您应该能够实现一些类似的功能


快速而肮脏的例子:

Hi@Jonathan,是的,我知道resize也会触发事件,但我真正想要的是它们在缩放时如何实现这一点。还是谢谢你的回复!