1·先设置一个外套盒子，让里面盒子用来定位
2。再套一个盒子，用来拖拽，拖拽他使内容弹动
3，最后套一个盒子装填内容
image.png
而这个效果要写在页面资源全部加载完成之后，因为如果写在前面，元素没有加载完，高度没有加载完等，会报错
//onload为页面加载完之后生效
widdow.onload = function () {
//给body添加一个快速点击事件
FastClick.attach(document.body);
var bscroll = new BScroll('.bs-wrap',{
scrollY: true, //设置为纵向
probeType：2； //函数节流 一共3个时间段1,2,3
});
//重新计算 better-scroll， 当dom结构发生变化的时候务必要调用确保滚动的效果正常
bscroll.refresh();
btn.onclick = function () {
//滚动到某个元素
//元素
//时长
//相对于目标元素的X轴偏移量 true： 中心位置
//相对于目标元素的Y轴偏移量 true： 中心位置
bscroll.scrollToElement('li:nth-of-type(70)',1000,true,true);
// bscroll.destroy(); //运行一次后销毁
}
}；