Swiper 滚动插件

前Thoughtworks-杨焱

发布于 2021-12-08 09:35:51

1.1K0

发布于 2021-12-08 09:35:51

文章被收录于专栏：杨焱的专栏杨焱的专栏

此插件用于设置内容滚动，支持手机，鼠标滚动，四方向滚动，支持滚动条样式，支持CSS3动画和DOM动画；

详细文档地址： http://www.idangero.us/sliders/swiper/api.php

var mySwiper = new Swiper('.swiper-container', {
    //scrollContainer:true,
    eventTarget: 'container',
    mousewheelControl: true,
    mousewheelControlForceToAxis: true,
    calculateHeight: true,
    //useCSS3Transforms:false,
    //DOMAnimation:true,
    mode: 'vertical',
    speed: 300, //Set animation duration to 500ms
    resizeReInit: true,
    visibilityFullFit: true,
    cssWidthAndHeight: true,
    freeModeFluid: true
})

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2015-01-27，如有侵权请联系 cloudcommunity@tencent.com 删除

dom