也遇到这个问题,后来解决方法是将要fixed定位的元素放到和scroll-view组件同层级就好了,包裹多一个view就好了。
[BUG]scroll-view内嵌套fixed图层,渲染不完全scroll-view组件中如果嵌套一个fixed定位的view,在真机IOS下,能够看到fixed的图层被遮挡住了,但是,遮挡住的部分却仍然可以交互(比如例子里的按钮遮挡的部分仍然可以点击)。明显是渲染不完全,我觉得开发工具的渲染逻辑是正确的,应该保证fixed图层完整。 scroll-view内嵌套fixed图层的场景,在多个自定义组件的嵌套使用时会经常需要,希望尽快修复~~~ [图片] WXML: [代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"fiexd-layer"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"bg-mask"[代码][代码]></[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]<[代码] [代码]scroll-y [代码][代码]class[代码][代码]=[代码][代码]"scroll-body"[代码][代码]>[代码] [代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"fixed-layer"[代码][代码]>[代码][代码] [代码][代码]在iphone真机下: 这是一个fixed层,宽度100%,视觉上感觉是被父节点遮挡住了,但是遮挡的部分仍然可以进行交互,点击下面的按钮看看[代码][代码] [代码][代码]<[代码][代码]button[代码] [代码]class[代码][代码]=[代码][代码]"my-button"[代码] [代码]type[代码][代码]=[代码][代码]"primary"[代码] [代码]bindtap[代码][代码]=[代码][代码]"onFixedLayerButton_Tap"[代码][代码]>被遮挡的按钮</[代码][代码]button[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]scroll-view[代码][代码]>[代码][代码]</[代码][代码]view[代码][代码]>[代码] WXSS: [代码].fixed-layer {[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]fixed[代码][代码];[代码][代码] [代码][代码]top[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]right[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]left[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]z-index[代码][代码]: [代码][代码]1[代码][代码];[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]300[代码][代码]rpx;[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]box-sizing: border-box;[代码][代码] [代码][代码]background-color[代码][代码]: [代码][代码]#f00[代码][代码];[代码][代码]}[代码] [代码].bg-mask {[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]absolute[代码][代码];[代码][代码] [代码][代码]top[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]left[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]background-color[代码][代码]: rgba([代码][代码]0[代码][代码], [代码][代码]0[代码][代码], [代码][代码]0[代码][代码], [代码][代码]0.66[代码][代码]);[代码][代码]}[代码] [代码].scroll-body {[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]absolute[代码][代码];[代码][代码] [代码][代码]right[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]top[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]60%[代码][代码];[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]100[代码][代码]vh;[代码][代码] [代码][代码]bottom[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]background-color[代码][代码]: [代码][代码]#e7e7e7[代码][代码];[代码][代码] [代码][代码]padding[代码][代码]: [代码][代码]0[代码] [代码]0[代码] [代码]0[代码] [代码]10[代码][代码]rpx;[代码][代码] [代码][代码]box-sizing: border-box;[代码][代码]}[代码]
2018-05-16昨晚快下班更新了下。上传、预览、远程调试不了,内心是崩溃的😩
Error: 非法的文件,错误信息,无法预览和远程调试。低版本忽略上传js.map文件。 昨晚更新到新版调试工具后一直提示非法文件。 无法预览和远程调试。 [图片] [图片]
2018-05-16