fixed-in-screen
v3.3.2
Published
在页面上下滚动的时候,可以指定将某一dom固定到屏幕上。 比如页面滚动时,表头滚动到顶部时被固定;底部操作按钮滚到底部时被固定。 省去用css布局。
Downloads
19
Readme
介绍
在页面上下滚动的时候,可以指定将某一dom固定到屏幕上。 比如页面滚动时,表头滚动到顶部时被固定;底部操作按钮滚到底部时被固定。 省去用css布局。
使用方法
Install
npm install fixed-in-screen
Usage
需要在页面渲染完成以后调用该方法
import { fixedInScreen } from 'fixed-in-screen'
mounted/created() {
let obj = {
targetDomSelector: selecter,//必填 需要被固定的dom的css选择器,如.class、#id
srollDomSelector: selecter,//必填 出现滚动条的容器dom的css选择器,如.class、#id
fiexdType: 'fiexdToTop',//必填 可选值:fiexdToTop(表示使用场景为:向上滚动时元素位置超过某一高度时被固定到屏幕)
// fiexdToBottom(表示使用场景为:向下滚动时元素位置超过某一高度时被固定到屏幕)
fiexdDistance: '1' //必填 距离屏幕顶部或者底部多少数值时被固定、 最小值为1
}
fixedInScreen(obj)
},
tip
欢迎进群 qq: 197628668 ,后续其他优秀web前端插件发布后,群里会第一时间通知,群里也汇总了其他一些作者的优秀web前端插件。欢迎大家加入