我正在尝试使用 jQuery 创建一个滚动插件。我需要捕获容器元素调整大小事件以设置新大小的滚动位置。但我被困在这个问题上:.resize()
除了窗口之外的任何元素都不适用于 Chrome。
有没有办法用 jQuery 或 JavaScript 捕捉调整大小的事件?我也尝试过设置onresize
属性,但它会触发一次。我在下面添加了jsFiddle链接。
我正在尝试使用 jQuery 创建一个滚动插件。我需要捕获容器元素调整大小事件以设置新大小的滚动位置。但我被困在这个问题上:.resize()
除了窗口之外的任何元素都不适用于 Chrome。
有没有办法用 jQuery 或 JavaScript 捕捉调整大小的事件?我也尝试过设置onresize
属性,但它会触发一次。我在下面添加了jsFiddle链接。
来自MDN:
只有
window
对象具有 onresize 事件。
jQuery文档也只提到.window
也许您可以从jQuery 调整大小事件插件中受益,它似乎完全符合您的需要。
编辑:这是一个包含插件的更新小提琴。代码是相同的,但它可以按您的预期工作,因为它包含插件(请参阅小提琴中的“添加资源”选项卡)。
为什么要在除窗口之外的任何其他地方捕捉调整大小?
如果是因为您需要观看 DOM 元素减小 div 的大小,只需触发自己的 resize 事件。
$(window).trigger('resize')