2.0.2 • Published 3 years ago

vs-full v2.0.2

Weekly downloads
-
License
MIT
Repository
github
Last release
3 years ago

full

移动端模拟全屏容器

使用

<div id="full" style="width: 100%;">
  <button id="toggle">{}</button>
</div>
import Full from 'vs-full';

const full = new Full({
  // 需要全屏的容器
  el: document.querySelector('#full'),
  // 切换按钮
  toggle: document.querySelector('#toggle'),
  // 强制旋转
  forceRotate: false,
  // 自动旋转
  autoRotate: false,
  // 禁止滑动
  disableScroll: true,
});

参数

  • Selector 为 querySelector 选择器 如:'#ID' '.CLASS'
参数名描述可选值默认值
el全屏容器HTMLElement or Selectornull
toggle切换按钮HTMLElement or Selectornull
forceRotate强制旋转booleanfalse
autoRotate自动旋转booleanfalse
disableScroll禁止滑动booleanfalse
nativeFirst原生优先booleanfalse

事件

事件名描述
onUpdate切换全屏时触发

方法

方法名描述
toggle切换全屏
requestFullscreen进入全屏
exitFullScreen退出全屏
destroy销毁

注意

  1. 如果 body 元素为 position:absolute; 请设置根元素的宽高
2.0.2

3 years ago

2.0.1

3 years ago

2.0.0

3 years ago

1.8.7

3 years ago

1.8.6

3 years ago

1.8.5

3 years ago

1.8.4

3 years ago

1.8.2

4 years ago

1.8.1

4 years ago

1.8.3

4 years ago

1.8.0

4 years ago

1.7.0

4 years ago

1.6.0

4 years ago

1.5.0

4 years ago

1.4.0

4 years ago

1.3.0

4 years ago

1.2.0

4 years ago

1.1.0

4 years ago

1.0.0

4 years ago