问题标签 [onresize]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1376 浏览

javascript - 在调整大小时更改变量?

我正在尝试containerHeight根据浏览器的宽度更改变量。这是我到目前为止所拥有的,但即使在阅读文档后我也不确定如何继续。有人可以帮我吗?

0 投票
1 回答
111 浏览

javascript - 调整大小功能仅适用于一维

我有一个调整大小的功能,可以使主 div 的大小保持一致。我最初让它根据窗口宽度调整大小,效果很好(函数中的第一个条件)。然后我添加了第二个条件,如果窗口太短,它会根据高度调整大小。此函数与 onload 一起正常工作。

onresize 在窗口变窄或变宽时都适用于宽度,但高度条件仅在窗口变短时有效。. . 如果窗口随后被拖得更高,onresize 事件似乎不会触发,我必须手动重新加载页面以调整函数大小。

#content div 被背景图像覆盖。所以这个想法是保持图像纵横比相同。

我在body标签中调用函数

0 投票
1 回答
1400 浏览

javascript - 在调整大小时移动元素

我有一个黑匣子

<div id="blackbox" style="margin-left:0px; background-color:black; width:20px; height:20px;">

onresize,从 screen.width 每减少 1px 应该将 'blackbox'.margin-left 增加 2px。

调整大小触发的视差

需要将其翻译成 javascript

0 投票
1 回答
733 浏览

javascript - 调整大小方向的侦听器

我有一个指向正确的三角形。

▶</p>

在调整大小时,三角形应该在调整大小的方向上移动,当它改变方向时,三角形应该水平翻转,而不会离开屏幕。

有没有办法收听调整浏览器大小的方向(左/右)?

0 投票
1 回答
154 浏览

javascript - 使用 .onresize 控制响应式视频播放器上的文本

我正在尝试控制用于显示视频播放器已用时间和总时间的文本大小。我目前正在控制播放/暂停/声音和全屏图标,但无法访问时间显示。以下是用于调整窗口大小调整控件大小的 javascript:

还试图找出使用 jQuery 最小化和简化它的最佳方法(将所有类合并到一个数组中,类似于:

我当前的实现:jsfiddle

0 投票
1 回答
42 浏览

javascript - Displaying different image based on direction of resize

I have two images. I am trying to display one when the browser resizes left, and the other when it resizes right.

However, it seems like my function only begins to works if last_pos_x is declared outside of the function, which is clearly wrong because it will only store window.screenX from load.

Any help would be greatly appreciated

0 投票
1 回答
69 浏览

javascript - 访问 iframe DOM

我想在调整大小时停止 YouTube 播放

我有一个 iframe

和一个函数

我称之为

我得到

有任何想法吗?

0 投票
0 回答
310 浏览

javascript - iframe调整大小,不起作用

我在我的 xampp 上本地托管该站点,但是,此代码应该可以根据站点大小自动调整并查看它,但是在这里我无法调整它的大小,也无法查看它(我只是在iframe 空间)我做错了什么,如果有更简单的方法,请建议我。这是代码:

0 投票
2 回答
2944 浏览

javascript - jQuery窗口调整大小无法正常工作

伪代码:

  1. 如果窗口大小等于/或大于 768,则从 #sidebar 获取内容并将其输入占位符 div
  2. 如果窗口大小小于 768,则不要运行上述。

我的jQuery代码如下:

但问题是,在第一页加载时,一切都执行得很好,但在调整大小并再次返回时,脚本没有完成他的工作。同样在每次调整侧边栏的所有内容时,都会在占位符中输入多次(而不是一次)。

还有我的工作jsfiddle。

我只是不知道我做错了什么。

0 投票
3 回答
3790 浏览

twitter-bootstrap - 如何使响应式 Google-adsense 广告在调整大小时缩放?

我正在使用 google adsense 响应式广告(带有 Bootstrap),它在页面加载时正常工作。同样在手持设备中,它可以正确检测方向并立即调整广告。

但是,当我调整浏览器的大小时,它不会对此做出反应。当没有内置系统来检测屏幕调整大小时,声称响应能力很奇怪。我曾考虑添加一个事件监听器,但这是一个很好的解决方法还是会中断?我也想过用几个断点加载不同的广告尺寸,但我想避免这种情况,只使用“响应式”广告。

在此先感谢您的任何建议。