解决浏览器窗口大小改变时,页面错位的问题

 

首先,定位元素时,范围越小越精准,对其他页面的影响越小,

所以,这个事件我没有用整个window,而是定位到了that.FormProp.mainTable这个元素,在设置样式时,也只设置了这个范围内的元素,

比如:$(">div.vAction>.vActionSelect", that.FormProp.mainTable),这样写查找的更快,更精确。

言归正传,加上以下代码,就能避免当窗口缩放时,页面出现错乱的现象。这样,盒子会随着窗口宽度的改变而调整自己的宽度。

$(that.FormProp.mainTable).scroll(function () {
let tops = parseInt($(">div.vAction>div.vActionSelect", that.FormProp.mainTable).css(‘top‘));//To position the top value of the box
tops = $(that.FormProp.mainTable).scrollTop() - 100;//Here, the top value of the box will change with the position of the scroll bar
$(">div.vAction>.vActionSelect", that.FormProp.mainTable).css(‘top‘, top + ‘px‘)//Finally, assign the top value to the box
});

解决浏览器窗口大小改变时,页面错位的问题

上一篇:key_len的计算方式


下一篇:删除Terminating状态资源