当组件中用scroll-view布局tab切,遇到的滚动阻止和tab切吸顶的问题

由于页面中使用了scroll-view布局的tab模块, 导致了scroll-view模块的滚动和页面自身的滚动可以同时触发,而不是在吸顶后触发,针对这个问题做了如下处理
 

在父组件中定义要处理掉组件的id


然后通过获取当前子组件进行传值给子组件,

当组件中用scroll-view布局tab切,遇到的滚动阻止和tab切吸顶的问题_第1张图片

通过在上面prop-topcode的设定来传值,而我只需要在父组件js中通过,获取当前子组件到页面顶部的距离来给GunDongflag定义2中状态码,true和false,通过这个来动态更新所传值,然后在子组件接值这里一定要注意当前传值的type是Boolean,

需要注意的是子组件中的init方法和上面的 对应下.data中也要定一下别忘了

最后完成这些却发现,tab吸顶在不同手机上的样式存在问题,在网上找了好久找了以下方法

通过当组件中用scroll-view布局tab切,遇到的滚动阻止和tab切吸顶的问题_第2张图片

这个根据不同终端来动态改变scroll-view的高度(官方说必须得设定个固定高度.....),

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  

 

你可能感兴趣的:(当组件中用scroll-view布局tab切,遇到的滚动阻止和tab切吸顶的问题)