首页 > 其他 > 详细

更好的理解position:relative的应用

时间:2017-10-10 18:54:00      阅读:295      评论:0      收藏:0      [点我收藏+]

先记录一下问题。在使用iview的表格进行左右两列固定时,iview会自己在传过去的高度上加上一个滚动条的高度,如果有出现横向滚动条还好,但是如果没有出现横向滚动条就会这样

技术分享

如果项目中公用样式文件还很巧的把iview设置的表格边框去掉了,而你不知道,那简直就是灾难

技术分享

我就正好碰上了这种情况,并且一发现这个情况就被同事定为我的bug,然后我就苦逼的一直在改bug,结果浪费了不少时间。后来是在给iview传过去的高度上减去了滚动条的高度,但是依然会有问题。所以最后决定自己写表格好了,事实证明自己写也不会花很长时间。。。

自己写碰到需要手动改变单元格的left值或者top值来达到滚动的效果,就需要td设为position:relative.让单元格相对自身原来的位置来移动滚动条滚动的距离。

 借鉴iview的思路,用四个表格实现左边列和表格头部的固定,需要注意的是左边固定列的外框高度需要减去滚动条的高度,否则会遮挡住滚动条

 

解决这个问题的过程表明:

第一:有问题可借鉴官方实例或者其他的相同或者相似的案例

第二:要学会看源码

第三:要相信自己啊,方向错了,只会浪费更多时间。 

更好的理解position:relative的应用

原文:http://www.cnblogs.com/coconutGirl/p/7646828.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!