问题标签 [window-resize]

我将平滑滚动重新用于锚定脚本，并且我的网站正在尝试练习响应式网页设计。当浏览器宽度大于 900 像素时，我发现自己需要仅单击事件功能。

我也尝试过使用 window .resize 函数，但结果非常错误。最终结果需要在加载时工作，并检查浏览器调整大小（以防它需要启用或禁用）。建议？

如果您半快速拖动窗口的顶部或左侧边框，您应该注意到窗口的另一边会振动——它被拖动，但随后会重新调整以增加大小。

当您有动态调整大小的项目时，问题会更严重 - 然后您的一堆控件开始在屏幕上滑动和调整大小，非常明显。

有什么办法可以防止这些瞬态影响？

例如，也许对消息的特定响应序列WM_SIZE可以抑制这种情况？我不知道。

（这似乎发生在我见过的每个框架中，甚至是普通的 Win32。只需打开资源管理器或其他东西并拖动其顶部或左侧边缘，您就会明白我的意思。）

我使用 UINavigationController 为 iPhone 开发了一个静态库并推送一些 UIViewControllers。

我正在实施一种方法，允许 ipad 开发人员将我的库包含到他们的 iPad 应用程序中。为此，我想在大小为 iphone 的 UIPopoverController 中显示我的库控制器。

那是我开发的，但是每次我推送一个新的 viewController 时，Popover 都会以一种非常奇怪的方式调整自己的大小：

我检查了我的视图控制器（通过界面生成器），并且 AutoResize 行为已停用。

有人有解决方案吗？

所以我试图根据窗口大小分离并附加到一个 div 。以下是我目前拥有的。

我正在创建一个带有变量 SOCIALBAR 的函数，将其分配为 #SOCIALMEDIA 并将其分离。然后根据 (document).ready 和 (window).resize 的窗口大小，我调用 SOCIALBARPlACEMENT 函数，#SOCIALMEDIA 是附加到 #TOP 或 #LEFT div。

这在 (document).ready 上工作得很好，但对 (window).resize 不起作用。

事实上，如果我删除 document.ready 并保留 window.resize，该函数仍然在页面加载时运行，但在页面调整大小时不起作用。

任何想法将不胜感激。感谢！

我的问题涉及工具提示定位。

我改编的脚本使用绝对定位将工具提示放置在链接中的几个 em 中。这对大屏幕来说效果很好。

但是，当屏幕缩小时，有时文本会出现在浏览器边缘附近，而工具提示只是挂在那里，在边缘上方。

为了解决这个问题，我想出了我自己的 hack-ey 解决方案：只需包含较小屏幕宽度的相对定位规则，以及我不完全理解的 @media 屏幕和 (max-width: 480px) 东西。这可行，但远非优雅。

理想情况下，当屏幕边缘进入时，工具提示会被屏幕边缘“推动”。不过，我不知道如何实现这一点。

希望这是有道理的。

无论如何，这里是我使用过的页面的链接（工具提示文本有虚线下划线），这里是它背后的 CSS。

我有一个正在使用的客户端应用程序，我正在使用 jQuery 1.7.x、Backbone 和 Underscore。该应用程序有很多列，并且随着窗口大小的调整，我需要调整 DOM 以推送或弹出一列。我遇到了如何在调整窗口大小时可靠地操作 DOM 的问题，因为事件需要时间来触发，事件堆栈需要时间来清除并且需要考虑 DOM 的列数。哦，我正在使用有用的下划线去抖动方法和我的调整大小侦听器和这些需要触发的特定事件的延迟方法。

在调整窗口大小时，如果列不适合水平放置，我需要弹出列。在窗口缩小的速度比触发的调整大小侦听器更快的情况下，我需要进行一些 dom 清理以使所有内容都适合。

• 在每个调整大小触发器上循环遍历 DOM 上的列并在当前 DOM 列的循环内计算 fit_width 并在必要时弹出是否更好？新的调整大小事件可能会改变/中断事情吗？

• 或者最好在每个调整大小触发器上触发 pop_column_if_too_wide 以获取 DOM 上的列数？这似乎很糟糕......

通过事件触发器处理所有事情会很好，但是我所依赖的 _.defer 不够可靠，无法快速计算当前循环的迭代，因为事件堆栈可能尚未被清除。因此，它最终可能会为同一个模块触发两次事件。

也许还有更好的方法。

我想做这个：

我有一个包含 N 个元素的内联列表。元素可以分别有不同的宽度，列表可以溢出屏幕。需要设置每个项目的宽度，以便所有元素都适合屏幕。

问题：

但是有一个问题。当你确实将窗口大小调整到最小，然后再次拉伸到初始宽度时，所有元素的宽度就等于——失去了原来的比例，不必要地在每个列表中可以写出各种宽度的文本。

http://jsfiddle.net/v2pwww/42PdV/2/

可能的解决方案：

您可以记住数组中每个项目的宽度，并将窗口折叠后的宽度增加到存储在数组中的宽度。联系数组和列表项可以是 arr(N) 和 ul.list li:nth-child(N)。也许还有另一种解决方案。

而且我不知道该怎么做，请帮助:)

我是新来的，一直在使用这个论坛并学到了很多东西。我有一个问题，我希望你们能帮助我。我正在开发一个基于 WP 和 WPEC 的网站。

我要做的是使产品模式视图中的图像动态调整大小（当用户垂直和水平更改/调整浏览器大小时，图像将调整大小）。

我已经设法使该功能在窗口调整大小上起作用。但是，问题是，加载时它仍然显示实际尺寸（800x1200），不适合浏览器尺寸。然后当我拖动浏览器时它会调整大小（因为它应该在 window.resize 上）

我曾尝试添加 DOM 来调整大小，但它只是杀死了我需要努力打开模态视图的其他功能（悬停在产品页面上）。

无论如何，这是调整大小的代码：

}

看到这个尝试

我希望它不会太难，也许它只是缺少一条线，但我一直在拉我的头发，因为这个......

非常感谢你们！

我使用的是绝对定位布局（有点类似于 pinterest）

所以我还需要在 window.resize 上重新计算位置：由于这个事件没有在 dom 就绪时触发，所以我手动进行。

现在，此函数 setupBlocks 检查 HTML 元素的大小以计算其新位置

出乎意料的是，这是按预期执行的。但是在调整窗口大小之前，位置的计算并不是很好。然后位置变得准确。

我知道这是一个长镜头。但知道为什么它的行为会有所不同吗？

如果你自己测试它会更好：http://209.51.221.243/integracion/login.php

加载页面时，div 几乎没有问题（其中一些是垂直接触的），但是如果您调整 div 的大小，则 div 会很好地定位。有什么想法吗？

当我调整浏览器窗口的大小时，我的导航栏 div 低于搜索框 div。如何停止导航栏移动并将其保持在同一位置？页脚的行为本身及其结构是否相同？

这是一个链接...

http://www.signport.co.uk/test/asg_template3.html

谢谢！