最开始，还没有使用better-scroll插件的时候，直接在class中设定了一定的position为sticky，设置一定的top达成了效果。但是，使用better-scroll组件后，这些属性就没有用了。那么，为了还能达成这个效果，按照以下方法。
在实现这个效果之前，必须先知道滚动到多少位置时，开始有吸顶效果。
首先我先尝试了，在home.vue中的mounted里面直接
但是这个打印出来的结果明显是不正确的，因为在mounted里面拿到的是，很多图片还没有加载完毕的，因此这里所得出来的值是不正确的。经过测试，发现tabcontrol上面的三个组件中，轮播图的加载是最为影响的，因此我就监听homeswiper中的图片加载，使用@load来完成。加载完成后，发出事件后，再home.vue中获取正确的值。
homeswiper.vue中：
在home.vue中：
解析：
首先，现在homeswiper中对其图片进行监听，并定义一个方法为imageload。这个方法中，将swiperimageload发出。由于，homeswiper与home为子与父组件关系。然后，在home中，先设置taboffsetTop为0，之后再在swiperimageload当中将其赋值给tabOffsetTop。
在这里，我为了不让homeswiper多次发出事件，我在homeswiper中的data加了一个isload，之后我使用isload的变量进行状态的记录。
之后，我们就可以在之前做backtop组件中，所使用到的contentscroll方法中，将当前position与tabOffsetTop进行一个判断。这边我们可以再回顾下原来在scroll中写的：
在home.vue中写的：
最开始，我是按照上述写之后，直接在tabcontrol组件中利用istabfixed的值，然后用v-bind:class="{active:istabfixed}",再在active中设置，position为fixed，以及一定的top值，但是实际执行后，发现，在此处position为fixed时，并不生效。显示出来的结果为，下面的商品内容会往上移，且tabcontrol随着滚动会滑出去。达不到吸顶效果，因此为了达到效果，我们在上面多复制了一份PlaceHoldertabcontrol组件对象，利用他来实现停留效果。当用户滚动到一定位置时，PlaceHoldertabcontrol显示出来，而当用户未滚动到一定位置时，被隐藏起来。
这样的设置为，于第一个tabcontrol中加一个v-show，当位置的绝对值大于tabOffsetTop时，istabfixed为true，而使得第一个tabcontrol显示出来。且为了保持数据一致，设置两个tabcontrol值，之后便在tabclick方法中，将index赋值于它们，最后设置下，第一个tabcontrol的样式。