您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

jQuery调整窗口大小

jQuery调整窗口大小

(如果您只是通过调整大小来设置样式(媒体查询),最好的方法是CSS) [

.footer 
{
    /* default styles applied first */
}

@media screen and (min-height: 820px) /* height >= 820 px */
{
    .footer {
        position: absolute;
          bottom: 3px;
          left: 0px;
        /* more styles */
    }
}
window.onresize = function() {
    if (window.innerHeight >= 820) { /* ... */ }
    if (window.innerWidth <= 1280) {  /* ... */ }
}
$(window).on('resize', function(){
      var win = $(this); //this = window
      if (win.height() >= 820) { /* ... */ }
      if (win.width() >= 1280) { /* ... */ }
});

这是绑定到调整大小时会注意到的第一个问题。当用户手动调整浏览器的大小时,调整大小的代码被称为LOT,并且可能感觉很时髦。

要限制大小调整代码调用频率,可以使用下划线和lowdash库中的去抖动或限制方法

如果没有下划线或破折号,则可以自己实现类似的解决方案: JavaScript / JQuery:$(window).resize调整大小完成后如何触发?

JS 2022/1/1 18:24:49 有349人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶