博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
更好的理解position:relative的应用
阅读量:6413 次
发布时间:2019-06-23

本文共 543 字,大约阅读时间需要 1 分钟。

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

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

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

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

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

 

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

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

第二:要学会看源码

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

转载于:https://www.cnblogs.com/coconutGirl/p/7646828.html

你可能感兴趣的文章
cad填充图案乱理石_太快了吧!原来大神是这样用CAD图案填充的
查看>>
activator.createinstance 需要垃圾回收么_在垃圾回收器中有哪几种判断是否需要被回收的方法...
查看>>
rocketmq 消息指定_RocketMQ入坑系列(一)角色介绍及基本使用
查看>>
redis zset转set 反序列化失败_掌握好Redis的数据类型,面试心里有底了
查看>>
p图软件pⅰc_娱乐圈最塑料的夫妻,P图永远只P自己,太精彩了吧!
查看>>
怎么判断冠词用a还是an_葡语干货 | 葡萄牙语冠词用法整理大全
查看>>
js传参不是数字_JS的Reflect学习和应用
查看>>
三个不等_数学一轮复习05,从函数观点看方程与不等式,记住口诀与联系
查看>>
卡尺测量的最小范围_汽车维修工具-测量用具
查看>>
网优5g前景_5G网络优化师前景怎么样?
查看>>
竞态条件的赋值_[译] part25: golang Mutex互斥锁
查看>>
delmatch oracle_完美完全卸载(清除)oracle数据库的方式(方法)
查看>>
pyqt 滚动条 美化_Pyqt5 关于流式布局和滚动条的综合使用示例代码
查看>>
51单机片 编译hex_单片机爬坑记-05-编译环境(完)
查看>>
java 正则表达式 img_Java正则表达式获得html字符串里的<img src=""/> 中的url列表
查看>>
java 文件crc校验_一个获取文件crc32校验码的简洁的java类 | 学步园
查看>>
java flatmapfunction_Java8 Stream flatmap中间操作用法解析
查看>>
java rmi spring 4.0_Java Spring RMI一些尝试
查看>>
JAVA怎么连接华为的HDFS系统_JAVA-API操作HDFS文件系统(HDFS核心类FileSystem的使用)...
查看>>
java牛客网四则运算_数据库刷题—牛客网(51-61)
查看>>