html解决div用了fixed后滚动条显示不完整的问题

问题原因：
使用了“position:fixed;”后，还用top、margin、padding等调整了div的高度位置导致滚动条下端藏到下面去了
解决方法：
让高度减去上面偏移的高度像素的总和(包括top、margin、padding等)，再减去15px

比如偏移的高度像素总和是70px，那么把height设置为：
height:calc(100% - 85px);

15px是我自己调出来的，不知其原理，可能不同的情况有不同的值。

参考：
https://segmentfault.com/q/1010000016156478

html解决div用了fixed后滚动条显示不完整的问题相关推荐

解决div用了position: fixed后滚动条显示不完整的问题
解决div用了position: fixed后滚动条显示不完整的问题参考文章: (1)解决div用了position: fixed后滚动条显示不完整的问题 (2)https://www.cnblog ...
html表格不能横向自动展示,layui数据表格table横向滚动条不显示纵向滚动条显示不完整...
layui数据表格table横向滚动条不显示纵向滚动条显示不完整 layui数据表格table横向滚动条不显示,纵向滚动条显示不完整需要把heigh高度写死 table.render({ elem: ...
sim卡没坏但苹果手机无服务_解决手机插SIM卡后都显示“无SIM卡”的故障问题
故障现象顾客描述手机插SIM卡后都显示"无SIM卡". 维修过程引起插入SIM卡却显示"无SIM卡"的故障,除了可能是SIM卡座的供电.时钟.复位及SIM ...
css记录div渐变背景设置border-radius圆角显示不完整
示例图1为纯色背景时的圆角显示图2为渐变色背景时的圆角显示原因首先我开始研究为什么一样是渐变背景,有的可以显示完整圆角,有的不可以. 宽度四舍五入影响了渐变背景的显示发现采用百分比的形式来设 ...
C#WFM关于PICBOX 再DIP界面放大125%后,图片显示不完整
外观哪里选中Zoom,就好转载于:https://www.cnblogs.com/netdbo/p/10248908.html
word字体放大后只显示一半_word字体放大后显示不完整的两种解决办法
在我们对字体的操作(放大缩小)的过程中,会遇到放大字体后,字体显示不完整,只显示一部分,另外一部分缺失的现象.那么,我们怎么解决这一问题呢??下面我就分享两个方法解决这个问题.希望对大家有所帮助. 1 ...
chrome打开html文件显示不全,谷歌浏览器显示不全怎么办_chrome浏览器打开的网页显示不完整如何解决-win7之家...
大家在使用谷歌chrome浏览器的时候,是否遇到这样的现象,就是在使用谷歌浏览器浏览网页的时候,发现网页显示不全,遇到这样的问题该怎么办呢,其实只要在区域设置里更改一下区域位置就可以了,现在给大家讲解 ...
计算机开机右下角无显示桌面,电脑开机后不显示桌面的原因
电脑开机后不显示桌面的原因电脑开机后不显示桌面,四种原因分析.最近,有用户反映开机的时候无法显示桌面,这种情况该怎么解决呢?下面小编带来电脑开机后不显示桌面的原因及四种解决方法,一起来看看吧! 原因 ...
计算机开机后桌面出不来,电脑开机后不显示桌面怎么办
电脑开机后会显示桌面,不显示桌面的原因有设置原因.系统本身原因和病毒破坏原因.有时会由于病毒的破坏或者误操作导致电脑在重启之后无法登陆桌面,具体表现为只显示电脑桌面背景,而不显示桌面图片和任务时.那么 ...

html解决div用了fixed后滚动条显示不完整的问题

html解决div用了fixed后滚动条显示不完整的问题相关推荐

最新文章

热门文章