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

所属分类:UI,媒体-滚动,滑块和旋转

 7729  129  查看评论 (1)
分享到微信朋友圈
X
全屏滑块插件FullScreen适用移动端 ie兼容12

使用

创建实例并包装元素(例如:文档)和 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方法。

fsSlider.start()
相关插件-滚动,滑块和旋转

jQuery瀑布流插件

jQuery瀑布流,结合animate.css、wow.js滚动展示效果,可扩展性强。
  滚动
 18611  195

常用的根据高度自动切换效果

常用的根据高度自动切换效果 简单 下载下来之后可以直接是用 兼容性好 不存在兼容问题
  滚动
 20199  232

jQuery横向全屏切换滚动

jQuery横向全屏切换滚动兼容ie6
  滚动
 36856  322
  滚动
 26502  243

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    不吃香菜的小冰同学 0
    2019/11/6 10:42:31
取消回复