1.0.11 • Published 5 years ago

modal-noscroll-helper v1.0.11

Weekly downloads
3
License
ISC
Repository
github
Last release
5 years ago

modal-noscroll-helper

用于解决显示弹窗时,锁定页面,防止背景页面一直可以滑动

##############

用法:

1、npm install modal-noscroll-helper --save-dev

2、import ModalNoScrollHelper from 'modal-noscroll-helper'

3、let modalNoScrollHelper = new ModalNoScrollHelper();

弹窗打开: modalNoScrollHelper.toggleBlock(true)

弹窗关闭: modalNoScrollHelper.toggleBlock(false)

4、 页面加上这两个样式

body.modal-open{ position: fixed; width: 100%; }

body.modal-open-input{ position: absolute; top: 0; width: 100%; height: 100%; overflow: hidden; }