登录 注册
当前位置:主页 > 资源下载 > 50 > screenfull-react:一个实现screenfull.js的React组件下载

screenfull-react:一个实现screenfull.js的React组件下载

  • 更新:2024-08-20 14:12:56
  • 大小:888KB
  • 推荐:★★★★★
  • 来源:网友上传分享
  • 类别:其它 - 开发技术
  • 格式:ZIP

资源介绍

全屏React 一个实现React组件。 带钩的0.2版本 Screenfull.js允许您创建全屏体验。 我之所以实现它,是因为我希望这种行为能够消除移动设备上滚动显示时的地址栏和导航栏,就像您在cnn.com等网站上看到的那样。 还有另一个库:react-screenfull,但是它不是托管在Github上,而且查看源代码时,我不喜欢它,因此这里是替代方法。 这在SSR环境中应该可以正常工作。 用法 安装 npm install screenfull-react yarn add screenfull-react 用 使用全屏React有两种方法: 让它滚动执行(适用于移动设备) 强制全屏(适用于弹出窗口和其他单击触发的事件) 在其他方面,只需将添加到您的组件中即可。 特性 scrollContainerRef 默认值:null 用作检测滚动