当 position:fixed 遇上 transform

前言

任务是 iscroll.js 做滑动效果， 需要滑动到一定位置的时候 滑动里面的元素 停留在 窗口的最顶端，我想的是 检测一下当到位置是 把元素设置成

position:fixed

就可以了。但是事实是并没有，设置了属性还是照样 可以滑动，这让我很费解。

原因

iscroll.js 在外层的div 上设置了 transform ,而 这个元素影响了

position:fixed

让他只能 展示

position:absolute

的效果。。

解决办法

既然里面的滑动没有能定位，我就想到了，在外面设置一个相同样式的元素，然后呢，在里面的那个需要置顶的时候，把里面的元素隐藏，外面的元素置顶 。可以达到预期的效果。

当然办法有很多，这是我的拙见。。。