一、固定高度的情况下 如图下: 代码如下: 二、然后修改100% 代码如下: 注意:当高度设置100%的情况下,滚动条就会由浏览器滚动条接手 三、测试 头部加fixed,内容 margin-top 滚动条还是完全从顶部开始 滚动 ...
.内容过长,想要设置滚动条来滚动内容,可以给内容父级一个height,再给overflow:scorll .由于谷歌浏览器默认的滚动条是会自动隐藏的,想要滚动条一直固定显示,只能修改滚动条内核,代码如下 list overflow:hidden overflow y:auto .list:: webkit scrollbar track piece rgba , , , border left: ...
2019-09-17 17:35 0 432 推荐指数:
一、固定高度的情况下 如图下: 代码如下: 二、然后修改100% 代码如下: 注意:当高度设置100%的情况下,滚动条就会由浏览器滚动条接手 三、测试 头部加fixed,内容 margin-top 滚动条还是完全从顶部开始 滚动 ...
::-webkit-scrollbar 滚动条整体部分 ::-webkit-scrollbar-thumb 滚动条里面的小方块,能向上向下移动(或往左往右移动,取决于是垂直滚动条还是水平滚动条) ::-webkit-scrollbar-track 滚动条的轨道 ...
...
h5解决移动端滚动条问题: ...
::-webkit-scrollbar { -webkit-appearance: none; } ::-webkit-scrollbar:vertical { width: ...
.g-panel { height: calc(100% - 112px); overflow: auto; &::-webkit-scrollb ...
第一部分: ::-webkit-scrollbar 滚动条整体部分 ::-webkit-scrollbar-thumb 滚动条里面的小方块,能上下左右移动(取决于是垂直滚动条还是水平滚动条) ::-webkit-scrollbar-track ...
移动端获取滚动条:document.body.scrollTop pc端获取滚动条:document.documentElement.scrollTop ...