问题标签 [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 投票
1 回答
190 浏览

javascript - 通过javascript在画布上绘制响应式粒子

我想更改这些代码,以便它能够响应并且更改浏览器大小不会成为问题

第一个代码:我需要将其更改为响应式

seconde 代码:我需要将其更改为响应式

我想使用:

但是动画被复制了。

0 投票
2 回答
1639 浏览

javascript - 如何防止在调整大小期间触发 onscroll 功能?

我定义了两个事件处理程序:

window.onresize = repositionElements;

scrollElement.onscroll = handleScrollBusiness;

现在,当我调整窗口大小时,我希望我的 onscroll 事件触发(它通常在调整大小期间执行)。所以我想我暂时设置了一些isResizing变量,并且只有在超时true后才将其设置回。false在 onscroll 函数中,我首先会检查是否isResizing为假,然后才继续。

但是,现在在测试过程中,我意识到当我开始调整窗口大小时,它会触发滚动和调整大小事件,但它会onscroll触发事件,所以我没有机会禁用滚动功能,因为它只会被触发在滚动功能开始执行之后。onresize

有没有办法解决?我可以全局更改这两个事件的顺序吗?如果没有,一旦我开始调整大小,还有什么其他方法可以立即禁用 onscroll 事件?

我正在寻找香草 JavaScript 的答案。我也是新手,所以如果我在处理这个问题的方式上有一些逻辑缺陷,请告诉我。

谢谢!

0 投票
1 回答
682 浏览

three.js - 如何调整纹理渲染目标的大小(在窗口调整大小之后)?

我为纹理做了这个,但它不起作用,相同的纹理被拉伸到更大的区域,导致楼梯伪影(我更新了相机、平面、四边形、渲染器)

我已经看过这个 webgl 解决方案,但我不知道如何在 three.js 中执行此操作 - 我尝试使用新纹理重新定义相同的纹理变量,但它导致 webgl 冻结。webl即时更新渲染目标的宽度和高度

0 投票
2 回答
48 浏览

angular - 订阅Angular后调用方法

我想在窗口调整大小后调用一个方法,但有 500 毫秒的延迟。我是这样做的,它正在工作,但你会以同样的方式做吗?我是 Angular 的新手

0 投票
1 回答
55 浏览

javascript - 当页面加载或每次调整大小时发生事件的好方法是什么?

每次文档准备好或调整视口大小时,我都需要一个查询来检查视口宽度。原因是我希望主导航对于不同的视口宽度具有不同的外观和行为。

然后我想我需要这样的查询:

什么是形成If (page loaded OR viewport width changes)JavaScript 或 jQuery 表达式的好方法?

0 投票
2 回答
40 浏览

javascript - 为什么我的 JS 函数不会在 onresize 事件上触发?

没有窗口调整大小事件监听器,我按原样使用代码 - 但想法是,当尝试调整浏览器窗口等大小时它也保持在中心。认为没有必要,我只是想实现这一点。关于我应该尝试什么的任何想法?

0 投票
1 回答
113 浏览

html - 如果它是从 JS 构建的,如何在调整大小事件后重建 DOM

我正在一个实施砖石画廊的项目中工作。它工作得很好,但我需要在 JS 构造调用中动态调整列的数量......我尝试了不同的方法来调整大小事件、while 循环、条件 if ,甚至从 CSS 使用 mediaQueries 破解列号,一无所有,递归调用和无限循环,我还找不到解决方案......

基本上,我需要 masonryLayout 构造函数中的列号在调整大小时动态更改,但我找不到方法,我什至尝试保存原始 html 文档但没有任何运气......如果有人有任何想法,它会很高兴听到和学习。

非常感谢您的交流!

0 投票
0 回答
20 浏览

javascript - 将 onload 函数与 onresize 函数连接

我想根据屏幕大小缩短一些 API 标题。所以我有一个 onload 函数来获取和显示 API 的内容,但我希望一个 onresize 函数在屏幕宽度的大小发生变化的任何时候都可以生效。

然后我创建了将宽度变量传递给 onload 函数的 onresize 函数

但它不起作用,我不知道在哪里放置 onresize 函数。我试图将它放在 onload 中,但也许我犯了一个错误。你怎么看?

0 投票
2 回答
265 浏览

javascript - 调整大小窗口上的图像动画

我想知道是否可以在窗口调整大小时像这样在不同大小之间为徽标设置动画

因此,当窗口调整为较小的窗口时,徽标会动画为较小的变体,反之亦然。

我对动画并不是很感兴趣,但更多的是关于如何将窗口调整大小与动画结合起来。

我知道有一个 javascript onresize 事件,并且可以使用 javascript 为徽标设置动画。

我不知道在 JS 或 CSS 中制作动画是否最好。

我正在尝试仅使用 html、css 和 javascript 来实现。

0 投票
0 回答
17 浏览

javascript - onresize 函数中的 location.reload() 强制用户留在页面上

我在使用移动设备上的 Safari 浏览器时遇到问题

用户被重定向回“我的”页面,而不是转到另一个页面。

关于可以做什么的任何建议?