如果窗口宽度 jquery 然后在滚动时显示一个 div - Javascript

在web开发中，我们常常需要根据浏览器窗口大小来进行不同的排版和布局，同时，也需要在滚动时显示或隐藏某些元素。本文将介绍如何通过jQuery实现窗口宽度的监测，并在滚动时动态显示一个div。

窗口宽度的监测

在jQuery中，可以使用$(window).width()方法来获取当前浏览器窗口的宽度。

$(window).width();  // 返回当前窗口的宽度

动态显示一个div

通过判断当前窗口宽度是否符合某个条件，可以动态显示或隐藏一个div。以下是一个示例代码，当窗口宽度小于或等于768像素时，显示一个id为"myDiv"的div。

$(window).scroll(function() {
    if($(window).width() <= 768){
        $('#myDiv').show();
    } else {
        $('#myDiv').hide();
    }
});

总结

通过以上两步操作，可以轻松实现根据窗口宽度的监测和动态显示一个div。这对于响应式布局和提高用户体验都有很大的帮助。