（四十五）scroll-into-view入门

1.png

dom原理：
1.获取scroll-view组件的高度
2.获取scroll-into-view的id，得到该id的高度
3.计算要滚动的scrollTop数值

    {{index}}


    {{index}}

Page({
    data: {
    },
    scroll: function (e) {
        this.setData({
            intoView: "view" + e.currentTarget.dataset.id
        })
    }
})

.top{
    width:100%;white-space:nowrap
}
.top view{
    display:inline-block; margin:10rpx;border:1rpx solid red
}
.center{
    height:400rpx;
}
.center view{
    height:100rpx;margin:10rpx;border:1rpx solid blue
}

jquery实现参考资料：
https://blog.csdn.net/altaba/article/details/78426068