Scroll 滚动条

给高度或者宽度超标的组件增加滚动条

由于滚动条组件内部屏蔽了系统的滚动条,设置了 overflow: hidden 所以自身或者其父元素必须拥有固定高度时才可呈现滚动条,可以通过外套元素设置其 height 或者直接设置 Scroll 组件的高度 Height 属性

特别注意:

本组件是使用 slimscroll 脚本来实现滚动条美化的,由于移动端与苹果系统无需滚动条美化,所以增加了 IsForce 属性,

  • True: 默认值;为真时不判断是否为移动端或者苹果系统一律利用 slimscroll 进行美化
  • False: 为假时脚本内部自行判断为移动端或者苹果系统时不进行美化使用原生样式

普通用法

给组件增加滚动条,通过设置 Height 高度值为 200px 使内部子元素高度为 400px 时出现滚动条

Demo
请滚动右侧滚动条
我是最底端

自动隐藏

鼠标 hover 状态下自动显示滚动条,移开鼠标后滚动条自动隐藏

Demo
鼠标悬停右侧出现滚动条
我是最底端

Attributes 属性

Loading...
An error has occurred. This application may no longer respond until reloaded. Reload