通过设置height属性值,配上overflow属性可以实现在超过长度时页面出现导航条

//overflow属性值为auto或scroll都可以出现导航条
<ul style="height:500px;overflow-y:auto;width:380px">
导航条隐藏

法1:使用css方法(适用于chrome,存在兼容性问题)

ul::-webkit-scrollbar {
        display: none;

法2:在ul外层再加一个div,通过设置宽度和overflow属性在视觉上将导航条隐藏(使用)

<div style="overflow:hidden;width:360px">
  <ul style="height:500px;overflow-y:auto;width:380px">
</div>

法3:将导航条宽度设置极小,视觉隐藏

::-webkit-scrollbar {
   width: 1px;
   height: 1px;

我的博客主页 :https://qingmuzhang.gitee.io/

需求:由于列表数据太长,超过页面长度,所以需要给列表加入滚动条,但由于原生滚动条太丑,所以需要隐藏滚动条滚动条实现通过设置height属性值,配上overflow属性可以实现在超过长度时页面出现导航条//overflow属性值为auto或scroll都可以出现导航条&lt;ul style="height:500px;overflow-y:auto;width:380px"&gt;&lt;/ul&gt;导航条隐藏法1:使用css方法(适用于chrome,存在兼容性问题)ul::-we. 用法,el-scrollbar标签包裹住你想要改变滚动条的部分,比如只包裹左侧菜单栏,或者像我一样是直接包裹总的router-view,把所有的滚动条都改了。 html部分 <el-scrollbar style="height:100%"> <div>1</div> <div>2</div>
在Listbox中默认显示10行,如果要显示10行之外的内容需要设置其height属性,但这是已知行数的情况。大多数情况下需要为Listbox添加一个滚动条。 1、设置组件的yscrollcommand选项为Scrollbar组件的set()方法 2、设置Scrollbar组件的command选项为该组件的yview()方法。这个方法是属性的一个内置方法可以做到列表内容随滚动条变化。 代码...
// 利用滚动条滚动的滚动列表 yy.s export function animationUseScroll(element, options) { class Scroll { * @param element 运行的DOM * @param options 参数 * { height:90, // 每次滚动的距离 px * delay: 4000, // 每次滚动间隔事件 ms constr
鼠标在进入列表区域时,显示滚动条,2s 后自动隐藏列表滚动时,显示滚动条,2s 后自动隐藏滚动条隐藏后,鼠标在列表区域内移动,不显示滚动条。 鼠标在滚动条区域时,滚动条显示不隐藏。 核心点:鼠标反复进出列表区,滚动条在进入自动隐藏计时后,如何重新计时 1、滚动条默认隐藏 2、使用 single 定时器,定时 2s,定时器 fire 后,则执行滚动条隐藏 3、当...