当 position:fixed 遇上 transform
来源:互联网 发布:空间数据库吴信才 编辑:程序博客网 时间:2024/05/22 00:51
前言
任务是 iscroll.js 做滑动效果, 需要滑动到一定位置的时候 滑动里面的元素 停留在 窗口的最顶端,我想的是 检测一下当到位置是 把元素设置成 position:fixed
就可以了。但是事实是并没有,设置了属性还是照样 可以滑动,这让我很费解。
原因
iscroll.js 在外层的div 上设置了 transform ,而 这个元素影响了 position:fixed
让他只能 展示 position:absolute
的效果。。
解决办法
既然里面的滑动没有能定位,我就想到了,在外面设置一个相同样式的元素,然后呢,在里面的那个需要置顶的时候,把里面的元素隐藏,外面的元素置顶 。可以达到预期的效果。
当然办法有很多,这是我的拙见。。。
阅读全文
0 0
- 当 position:fixed 遇上 transform
- 加了transform:translateX后position:fixed没效果
- position:fixed
- position:fixed
- position:fixed
- position:fixed
- 在父节点transform: translate(0, 0)子节点部分position:fixed部分浏览器无效
- 【position也可以很复杂】当弹出层遇上了鼠标定位(上)
- IE7下当position:fixed遇到text-align:center的解决方法
- IE7下当position:fixed遇到text-align:center的解决方法
- html开发,在ios中当软键盘弹出后,position:fixed失效
- 修复ie6-position:fixed
- position:fixed -------> IE6
- position:fixed的解决办法!
- 修复ie6-position:fixed
- 关于{position:fixed}
- IE6 position fixed 解决方法
- ie6的position:fixed
- Eclipse导入Maven项目,本地中央仓库缺少项目中Jar解决方案。
- java笔记,从一个录入字符串删除指定字符串
- 对象族谱之归纳总结
- Elasticsearch大文件检索性能提升20倍实践(干货)
- python学习要点
- 当 position:fixed 遇上 transform
- 常用SQL操作总结
- BZOJ1066【SCOI2007】蜥蜴 <网络流>
- web前端性能优化
- redis排行榜例子
- PuTTY远程访问Linux(网络配置)
- 继承关系类的加载顺序、重写与重载
- svn使用入门
- Reverse Linked List