Fixed-in-screen NPM

介绍

在页面上下滚动的时候，可以指定将某一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)
},