如何使用 jQuery 条件语句和事件处理使元素根据浏览器宽度淡出和淡入？

Question

我想检查浏览器宽度，如果超过 850，则淡入 div。

然后，每当调整浏览器大小时，如果浏览器宽度小于 850，我想淡出该 div，如果浏览器宽度大于 850，我想再次淡入该 div。

提前感谢您的帮助！

迪米特里·沃龙佐夫

Answer 1

据我所知，您可以使用 $(window).width() ( doc) 获取浏览器的宽度。使用resize事件来处理浏览器大小的变化。 （文档）

当浏览器窗口的大小发生变化时，resize 事件会发送到窗口元素：

$(window).resize(function() {
    if ($(window).width() > 850) {
         // do something 
    } else {
         // do something else
    }
});