示例，见插件市场swiper-list。完整demo
1***@qq.com
- 发布：2020-11-12 17:48
- 更新：2020-11-13 18:07
- 阅读：1046
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win7
HBuilderX类型： 正式
HBuilderX版本号： 2.9.8
手机系统： Android
手机系统版本号： Android 7.1.1
手机厂商： 华为
手机机型： 华为p30pro
页面类型： nvue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
swiper-page.nvue页面。改动headerHeight值，android无变化，headerju
swiper-page.nvue页面。改动headerHeight值，android无变化，headerju
预期结果：
吸顶header距离scroller顶部距离可控制，
吸顶header距离scroller顶部距离可控制，
实际结果：
吸顶header始终居于顶部
吸顶header始终居于顶部
bug描述：
app Nvue专用组件 list组件list.setSpecialEffects(args)方法， list.setSpecialEffects({id:"scroller", headerHeight:150});。。。其中设置headerHeight值无效。 经测试IOS有效，android无效
1***@qq.com (作者)
随便新建的一个demo，经测试，android逍遥模拟器，android版本7.1.1。scrollable属性动态更改无效，只有初始化时设置有效。iphone11真机调试，IOS14.2测试，scrollable属性可以动态更改
-
-
测试了 scrollable是支持动态 修改 看起来应该是clearScroll 和moveChange业务逻辑上在android并不是你预期的触发
2020-11-13 18:52
1***@qq.com (作者)
list的属性scrollable，android平台也不支持动态修改吗？
2020-11-12 18:04
DCloud_Android_ST
回复 1***@qq.com: 支持
2020-11-12 18:09
1***@qq.com (作者)
回复 DCloud_Android_ST: 我之前试了一下，ios可以，android不可以，只在初始化时有效。后面动态变更无效。
2020-11-13 11:25
DCloud_Android_ST
回复 1***@qq.com: 简单示例能发一下吗 我们排查一下
2020-11-13 12:43
1***@qq.com (作者)
回复 DCloud_Android_ST:
<template>
<view>
<list class="swiper_scroll" :pagingEnabled="true" :scrollable="scrollFlag">
<cell>
<view @touchstart="moveStart" @touchmove="moveChange" @touchend="clearScroll" @touchcancel="clearScroll" class="swiper_scroll">
<image mode="aspectFill" src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2126989626,524178143&fm=26&gp=0.jpg" class="swiper_scroll"></image>
</view>
</cell>
<cell>
<view @touchstart="moveStart" @touchmove="moveChange" @touchend="clearScroll" @touchcancel="clearScroll" class="swiper_scroll">
<image mode="aspectFill" src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=105116547,1065155533&fm=26&gp=0.jpg" class="swiper_scroll"></image>
</view>
</cell>
<cell>
<view @touchstart="moveStart" @touchmove="moveChange" @touchend="clearScroll" @touchcancel="clearScroll" class="swiper_scroll">
<image mode="aspectFill" src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2054650781,1231197022&fm=26&gp=0.jpg" class="swiper_scroll"></image>
</view>
</cell>
<cell>
<view @touchstart="moveStart" @touchmove="moveChange" @touchend="clearScroll" @touchcancel="clearScroll" class="swiper_scroll">
<image mode="aspectFill" src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1301561917,1696120670&fm=26&gp=0.jpg" class="swiper_scroll"></image>
</view>
</cell>
</list>
</view>
</template>
<script>
export default {
data() {
return {
touchFlag:false,
imgIndex:0,
startY:0,
scrollFlag:true
}
},
methods: {
moveStart(event){
this.startY = event.touches[0].screenY
//screenY
},
moveChange(event){
// console.log(event.touches[0].clientY)
// .screenY
if(event.touches[0].screenY>this.startY){
// console.log(447)
this.scrollFlag = false
console.log(this.scrollFlag)
}else{
this.scrollFlag = true
}
},
clearScroll(){
this.scrollFlag = true
},
}
}
</script>
<style scoped>
.swiper_scroll{
width: 750rpx;
height: 400rpx;
}
</style>
2020-11-13 18:03
1***@qq.com (作者)
回复 DCloud_Android_ST: 我发了个demo
2020-11-13 18:07