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目标元素