# fixed-in-screen

**Repository Path**: account68/fixed-in-screen

## Basic Information

- **Project Name**: fixed-in-screen
- **Description**: 在页面上下滚动的时候，可以指定将某一dom固定到屏幕上。
比如页面滚动时，将表头固定、多选面板固定等
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2023-04-16
- **Last Updated**: 2024-07-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


# 介绍
在页面上下滚动的时候，可以指定将某一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前端插件。欢迎大家加入

![输入图片说明](img.jpg)