首先,定位元素时,范围越小越精准,对其他页面的影响越小,
所以,这个事件我没有用整个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
});