tab bar实现滚动到选中的页面，选项卡始终联动

tab bar顶部选项卡-可左右拖动(webview)实现滚动到选中的页面，选项卡始终联动

具体意思就是，比如：有选项卡A B C D E F G，关联的页面也就是A.html B.html C.html……

假使现在选中A(相当于图片中的“推荐推荐推荐”)和A.html(tab1)[如图：11.png]，我手动将选项卡拖到G(此时就看不到A选项卡了)[如图：22.png]，再滑动A.html到B.html，但是这是发现选项卡虽然到了B，但是依然看不见，被隐藏到前面的位置，如何让他自动滚动到可以看见的位置？

请查看demo附件，顶部导航都没有问题，就是拉到最后面，在滑动下面的内容页面，怎么让顶部导航自动滚动到选中的导航条位置去？