Skip to content

视窗显示(支持列表元素在视口内展示、激活对象自动居中、鼠标滚轮横向滚动列表等)

Notifications You must be signed in to change notification settings

cgbin24/view-win

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

view-win

npm package downloads

视窗显示(支持列表元素在视口内展示、激活对象自动居中、鼠标滚轮横向滚动列表等)

usage

  • 第一步,安装 view-win
npm i view-win
  • 第二步,在指定要使用的文件内导入
import ViewWin from 'view-win'
  • 第三步,初始化

初始化动作必须保证当前 target 目标已存在(可访问)

const vw = new ViewWin({ target: element, direction: 'x', vmid: true })
  • 第四步,销毁事件
vw.rmEvent()
  • 移除
npm uninstall view-win

api

参数 说明 类型 默认值
target 目标容器 HTMLElement null
direction 滚动方向 xy y
vmid 是否开启点击选项居中显示(可选) boolean false

examples

demos

view-win-example

About

视窗显示(支持列表元素在视口内展示、激活对象自动居中、鼠标滚轮横向滚动列表等)

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published