scroll(区域滑动)能固定滑动的距离为一定值吗？

Question

问题详述：

我们知道，已下DOM结构，配上控件参数设置，能实现区域滑块效果，

<div class="mui-scroll-wrapper">
    <div class="mui-scroll">
        <!--这里放置真实显示的DOM内容-->
    </div>
</div>

mui('.mui-scroll-wrapper').scroll({
       scrollY: true, //是否竖向滚动
       scrollX: false, //是否横向滚动
       startX: 0, //初始化时滚动至x
        startY: 0, //初始化时滚动至y
        indicators: true, //是否显示滚动条
        deceleration:0.0006, //阻尼系数,系数越小滑动越灵敏
        bounce: true //是否启用回弹
});

这种滑动效果可以每次滑动各种像素的，比如说：1px,2px,5px,7px,9px,20px，但是，我想要每次滑动固定像素，比如说：滑动一会10px，滑动久一点20px，再久一点30px；就是每次滑动的单位是10px，而不能是各种像素。

不知道说清楚没，项目需求：导航栏有多个选项，可以滑动，但每次滑动后使得当前选项占据在正中央。看图：

希望懂我意思的朋友，给个回复，静候您的佳音，谢谢！！！

Answer 1

一，swiper.js 满足的你需求。
二，如果想自己写的话，是可以的，只需阻止滚轮事件的默认行为。然后给个敏感度标志。然后自己控制div运动。

Answer 2

http://v3.bootcss.com/javascr...

Bootstrap中的一个js小组件，很实用