检测何时将浏览器窗口从特定大小调整为更大大小?

拉尔夫·大卫·阿伯纳西

一旦浏览器窗口的大小从小于641px的任何大小调整为更大的大小,我想重置一个特定的元素。这是用伪代码编写的我要实现的示例:

if (browser.window <= 641px && browser.window.resizedTo > 641px) {
  $( ".foo" ).removeClass( "bar" )
}

谢谢!

泰德·莫林

出于这个问题,我假设您的宽度是641px,但是如果您需要,我也将innerHeight变量保留在其中:

// Closure last-height/width
var lastX = window.innerWidth
var lastY = window.innerHeight

function fooOnResize() {
   var x = window.innerWidth
   var y = window.innerHeight
   if (lastX <= 641 && 641 < x) {
      $(".foo").removeClass("bar")
   }
   lastX = x
   lastY = y
}

window.addEventListener("resize", fooOnResize)
// Also okay: window.onresize = fooOnResize

诀窍是基本上将最后一个大小保留在某些闭包变量中,然后在调整大小时可以进行比较。完成比较和工作之后,将当前的x / y存储为最后一个,以进行下一次调整大小。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

WPF将字体大小调整为窗口比例

来自分类Dev

如何使div对齐并根据浏览器大小调整大小

来自分类Dev

如何根据浏览器的大小调整自适应AdSense单元的大小

来自分类Dev

浏览器窗口调整大小时如何在CSS中调整梯形大小

来自分类Dev

调整浏览器窗口大小时,li元素重叠

来自分类Dev

调整浏览器窗口大小时,如何正确调整textarea的大小?

来自分类Dev

调整浏览器/窗口大小时,Div的JQuery / Javascript自动调整大小

来自分类Dev

将窗口调整为特定大小

来自分类Dev

调整浏览器窗口大小并截图

来自分类Dev

使用CSS将GIF大小调整为浏览器窗口尺寸

来自分类Dev

CSS窗口根据浏览器高度调整大小

来自分类Dev

如何仅跟踪浏览器窗口调整大小

来自分类Dev

如何将标签调整为浏览器窗口大小?

来自分类Dev

如何根据浏览器窗口大小调整文本大小

来自分类Dev

调整浏览器窗口大小时,标题部分消失

来自分类Dev

调整浏览器窗口大小或缩放时元素将移动

来自分类Dev

如何使div对齐并根据浏览器大小调整大小

来自分类Dev

ZK:在(zk)小部件中添加浏览器窗口大小调整侦听器

来自分类Dev

调整浏览器窗口大小时禁用jquery插件

来自分类Dev

将html元素大小调整为最大浏览器大小

来自分类Dev

如何根据浏览器大小调整DIV元素的大小?

来自分类Dev

将腻子窗口的大小调整为默认值

来自分类Dev

自动布局调整以适应不同的浏览器窗口大小

来自分类Dev

如何相对于浏览器窗口大小调整div的大小?

来自分类Dev

HTML:如何将画布标签的大小调整为窗口的大小

来自分类Dev

UIContentContainer仅将大小调整为比之前设置的更大的值

来自分类Dev

动态调整浏览器窗口填充画布的大小

来自分类Dev

Python Tkinter 将按钮大小调整为窗口大小

来自分类Dev

用于捕捉浏览器窗口大小调整的 React JS 函数不起作用

Related 相关文章

  1. 1

    WPF将字体大小调整为窗口比例

  2. 2

    如何使div对齐并根据浏览器大小调整大小

  3. 3

    如何根据浏览器的大小调整自适应AdSense单元的大小

  4. 4

    浏览器窗口调整大小时如何在CSS中调整梯形大小

  5. 5

    调整浏览器窗口大小时,li元素重叠

  6. 6

    调整浏览器窗口大小时,如何正确调整textarea的大小?

  7. 7

    调整浏览器/窗口大小时,Div的JQuery / Javascript自动调整大小

  8. 8

    将窗口调整为特定大小

  9. 9

    调整浏览器窗口大小并截图

  10. 10

    使用CSS将GIF大小调整为浏览器窗口尺寸

  11. 11

    CSS窗口根据浏览器高度调整大小

  12. 12

    如何仅跟踪浏览器窗口调整大小

  13. 13

    如何将标签调整为浏览器窗口大小?

  14. 14

    如何根据浏览器窗口大小调整文本大小

  15. 15

    调整浏览器窗口大小时,标题部分消失

  16. 16

    调整浏览器窗口大小或缩放时元素将移动

  17. 17

    如何使div对齐并根据浏览器大小调整大小

  18. 18

    ZK:在(zk)小部件中添加浏览器窗口大小调整侦听器

  19. 19

    调整浏览器窗口大小时禁用jquery插件

  20. 20

    将html元素大小调整为最大浏览器大小

  21. 21

    如何根据浏览器大小调整DIV元素的大小?

  22. 22

    将腻子窗口的大小调整为默认值

  23. 23

    自动布局调整以适应不同的浏览器窗口大小

  24. 24

    如何相对于浏览器窗口大小调整div的大小?

  25. 25

    HTML:如何将画布标签的大小调整为窗口的大小

  26. 26

    UIContentContainer仅将大小调整为比之前设置的更大的值

  27. 27

    动态调整浏览器窗口填充画布的大小

  28. 28

    Python Tkinter 将按钮大小调整为窗口大小

  29. 29

    用于捕捉浏览器窗口大小调整的 React JS 函数不起作用

热门标签

归档