提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
前言
如果我们有一个页面元素位置和宽高是根据其他页面元素的位置和宽高动态计算而成的,如果你实现的是响应式页面,那么该页面元素会随着浏览器窗口大小变化而变化它的大小位置,这时我们需要window.resize方法来实现动态响应式执行函数。该方法可以在窗口大小调整时触发一个函数。
一、代码实例
//页面加载完成时先执行一次函数
adjustSize();
//需要根据页面变化动态执行的函数
function adjustSize(){
lineParent.css('width', leftModule.width() + 'px')
caroWrap.css('width', leftModule.width() + 'px')
caroWrap.css('left', leftModule.offset().left)
lineParent.css('left', leftModule.offset().left)
}
//在窗口调整大小时执行的函数
$(window).resize(function(){
adjustSize();
})