Skip to content

Functions ​

addScrollLeft() ​

addScrollLeft(el, value): void

增加水平滚动距离

Parameters ​

ParameterType
elTarget
valuenumber

Returns ​

void


addScrollTop() ​

addScrollTop(el, value): void

增加垂直滚动距离

Parameters ​

ParameterType
elTarget
valuenumber

Returns ​

void


createScrollbarHelper() ​

createScrollbarHelper(el): ScrollbarHelper

创建元素滚动栏辅助工具

Parameters ​

ParameterTypeDescription
elMaybeFn<Target>指定元素

Returns ​

ScrollbarHelper

Example ​

ts
const scrollbar = createScrollbarHelper(el)

scrollbar.getScrollLeft()
// => 0

// 实现自动滚动
setInterval(() => {
  if (scrollbar.isReachBottom()) {
    scrollbar.setScrollTop(0)
  }
  else {
    scrollbar.addScrollTop(1)
  }
}, 30)

getScrollLeft() ​

getScrollLeft(el): number

获取水平滚动距离

Parameters ​

ParameterType
elTarget

Returns ​

number


getScrollTop() ​

getScrollTop(el): number

获取垂直滚动距离

Parameters ​

ParameterType
elTarget

Returns ​

number


isReachBottom() ​

isReachBottom(el): boolean

是否到达垂直末端

Parameters ​

ParameterType
elTarget

Returns ​

boolean


isReachRight() ​

isReachRight(el): boolean

是否到达水平末端

Parameters ​

ParameterType
elTarget

Returns ​

boolean


setScrollLeft() ​

setScrollLeft(el, value): void

设置水平滚动距离

Parameters ​

ParameterType
elTarget
valuenumber

Returns ​

void


setScrollTop() ​

setScrollTop(el, value): void

设置垂直滚动距离

Parameters ​

ParameterType
elTarget
valuenumber

Returns ​

void

Interfaces ​

ScrollbarHelper ​

Properties ​

PropertyModifierTypeDescription
addScrollLeftpublic(value: number) => void增加水平滚动距离
addScrollToppublic(value: number) => void增加垂直滚动距离
getScrollLeftpublic() => number获取水平滚动位置
getScrollToppublic() => number获取垂直滚动位置
isReachBottompublic() => boolean是否到达垂直末端
isReachRightpublic() => boolean是否到达水平末端
setScrollLeftpublic(value: number) => void设置水平滚动距离
setScrollToppublic(value: number) => void设置垂直滚动距离
targetreadonlyTarget目标元素