前言
任务是 iscroll.js 做滑动效果, 需要滑动到一定位置的时候 滑动里面的元素 停留在 窗口的最顶端,我想的是 检测一下当到位置是 把元素设置成 position:fixed
就可以了。但是事实是并没有,设置了属性还是照样 可以滑动,这让我很费解。
原因
iscroll.js 在外层的div 上设置了 transform ,而 这个元素影响了 position:fixed
让他只能 展示 position:absolute
的效果。。
解决办法
既然里面的滑动没有能定位,我就想到了,在外面设置一个相同样式的元素,然后呢,在里面的那个需要置顶的时候,把里面的元素隐藏,外面的元素置顶 。可以达到预期的效果。
当然办法有很多,这是我的拙见。。。