介绍

在页面上下滚动的时候，可以指定将某一dom固定到屏幕上。比如页面滚动时，表头滚动到顶部时被固定；底部操作按钮滚到底部时被固定。
省去用css布局。

使用方法

Install



npm install fixed-in-screen



Usage

需要在页面渲染完成以后调用该方法

javascript

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前端插件。欢迎大家加入

!输入图片说明

介绍

使用方法

Install



npm install fixed-in-screen



Usage

需要在页面渲染完成以后调用该方法

javascript

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)

},