全屏滑块插件FullScreen适用移动端

插件特效

2026-07-25 23:01 5 次浏览 • 0 次下载 41.1KB

插件描述：全屏滑块插件FullScreen，平滑的动画过渡效果，支持移动端触屏切换。

使用

创建实例并包装元素(例如:文档)和 2D 解析对象设置为参数,如下所示。

const fsSlider = new FullscreenSlider(
  document,
  {
    x: window.innerWidth,
    y: window.innerHeight
  }
);

绑定resize事件。您应该在运行resize方法之前运行reset方法，以正确设置剖面元素的分辨率。此外，您应该将具有窗口分辨率的对象设置为“resize”方法的参数，以将这些部分的大小调整为全屏大小。

window.addEventListener('resize', () => {
  fsSlider.reset();
  fsSlider.resize(
    {
      x: window.innerWidth,
      y: window.innerHeight
    }
  );
});

如果要启动动画，请运行start方法。

1	`fsSlider.start()`