美文网首页
div超出高度的时候出现滚动条

div超出高度的时候出现滚动条

作者: AR7_ | 来源:发表于2019-04-18 10:06 被阅读0次

一、div超出高度的时候出现滚动条

p超出高度的时候出现滚动条时怎么办?其实很简单:
在p的style属性加上overflow-y:auto即可。

二、自定义滚动条样式:

<template>
    <div class="divclassname">
   </div>
</template>
        /*滚动条样式*/
        .divclassname::-webkit-scrollbar {/*滚动条整体样式*/
            width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
            height: 4px;
        }
        .divclassname::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
            border-radius: 5px;
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            background: rgba(0,0,0,0.2);
        }
        .divclassname::-webkit-scrollbar-track {/*滚动条里面轨道*/
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            border-radius: 0;
            background: rgba(0,0,0,0.1);
        }

https://www.2cto.com/kf/201707/660087.html
https://www.cnblogs.com/juqian/p/6273808.html

相关文章

  • div超出高度的时候出现滚动条

    一、div超出高度的时候出现滚动条 p超出高度的时候出现滚动条时怎么办?其实很简单:在p的style属性加上ove...

  • 隐藏滚动条

    条件:一个div,高度超出预设高度,会出现滚动条,不美观。 解决:在div外在套一个div,外层div设置over...

  • 页面自适应/浏览器缩放自适应(不出滚动条)/js获取高度自适应

    问题描述:1.上下div,上div高度自适应,要求下面的div高度自适应/下div超出高度显示滚动条2.当浏览器窗...

  • vue子页面样式问题

    如果A页面的高度超出了屏幕出现了滚动条的时候,那么尽量不要给A页面做子页面,因为子页面需要定位,A页面有滚动条的话...

  • Css各类方法记录

    一行文本超出... 多行文本超出显示... IOS 手机容器滚动条滑动不流畅 修改滚动条样式 隐藏 div 元素的...

  • 用a标签实现tab切换

    给每个ul设置一个固定高度,高度等于div的高度,在div上面设置overflow:hidden;超出隐藏。

  • iframe看不到的几像素

    上面这个iframe是空的,但是我无论放在高的div屏幕下都会出现滚动条,包裹的三个div都是根据内容来确定高度,...

  • 2021-05-07 html2canvas网页保存图片到本地

    1.div块没有出现滚动条(div代表需要下载图片区域),可下载的二维码缺失(我遇见的) 2.div块出现滚动条(...

  • 底部footer固定方式

    相对固定,当页面内容高度不沾满浏览器高度,footer显示在浏览器底部,且不会出现滚动条,如果页面内容高度超出浏览...

  • 滚动条,也可以是自己喜欢的样式

    我们做网站开发的时候,当内容超出了浏览器的高度或者宽度就会出现滚动条;或者某个元素固定大小,并且设置了overfl...

网友评论

      本文标题:div超出高度的时候出现滚动条

      本文链接:https://www.haomeiwen.com/subject/yyczwqtx.html