css横向滚动_简单来说,它就是用来滚动切换列表项的

188265b8f4c9d9f34361576a0adac482.png

简单来说,它就是用来滚动切换列表项的。项目地址

知乎视频​www.zhihu.com

适用场景

当某些列表页希望用户每次只聚焦于单个列表项,但又不是每个列表项都是占满屏幕时就不太适合使用全屏滚动方案了。

所以,可以在保留原有滚动查看的基础上再增加一个上下切换的功能,仅作为滚动查看的辅助工具而存在看起来就可以很好的满足该种需求。

安装

npm install scroll-switch

特性

  • next、pre 会根据当前列表滚动位置智能切换到最符合用户直觉的条目
  • 相对于 scrollIntoView 支持设置 offset,可以更好的控制滚动目标位置

API

constructor(options: ScrollSwitchOptions)

构造函数

const 

next()

滚动至下一个条目。返回值:是否切换

pre()

滚动至上一个条目。返回值:是否切换

goto(item: Element)

滚动至指定条目

getCurrentStatus()

获取列表当前的滚动状态。返回值:

const 

没了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值