精准定位元素+解决浏览器窗口大小改变时，页面错位的问题

 

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

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

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

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

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