关于css position和scroll事件的一些理解

  昨天在做拾色器开发的时候,由于要将失色器定位到一个弹出框中。所以我使用了position:absolute属性。获取点击元素的位置。我获取它的位置的方法是使用$(this).offset().left,$(this).offset().top。因为absoulte是相对页面进行定位的。所以我在弹出框内的滚动条滚动的时候它不会跟着滚动。当时我想到的解决办法就是使用一个方法来获取scroll是向上滚动还是向下滚动。

  使用的办法就是使用$("div").scroll()。获取它的scrollTop的值和上一次滚动的值进行比较来比较大小,从而判断是向上还是向下滚动。

不过我后来想到更方便的解决方法,就是不使用absolute定位。直接将元素插入到最底层,然后使用margin-left和margin-right来进行定位。个人感觉这个是最好的办法。