小程序  movable-area  movable-view 在苹果系列手机上会出现横向滚动条。会超屏幕，即使把page设置了 page{ background: #F7F7F7; overflow-x: hidden!important; } 也没有效果。 具体参看录制的视频：https://www.bilibili.com/video/av54251261/（视频传不上来。。。） [图片] [代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]'u-wrp-secKill tl-margin-t20'[代码][代码]>[代码][代码]    [代码][代码]<[代码][代码]movable-area[代码] [代码]style[代码][代码]=[代码][代码]'width:auto;pointer-events: none;'[代码][代码]>[代码][代码]        [代码][代码]<[代码][代码]movable-view[代码] [代码]animation scroll-x [代码][代码]style[代码][代码]=[代码][代码]'height:220rpx;min-width:2668rpx;margin-left: 30rpx;pointer-events: auto;'[代码] [代码]direction[代码][代码]=[代码][代码]'horizontal'[代码] [代码]inertia[代码][代码]=[代码][代码]'true'[代码] [代码]out-of-bounds>[代码][代码]            [代码][代码]<[代码][代码]block[代码] [代码]wx:for[代码][代码]=[代码][代码]'{{skItems}}'[代码][代码]>[代码][代码]                [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]'u-img-skimgs'[代码][代码]>[代码][代码]                    [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"tl-w175"[代码][代码]>[代码][代码]                        [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"font-60-b tl-color-blue line-h-45"[代码][代码]><[代码][代码]text[代码] [代码]class[代码][代码]=[代码][代码]"tl-color-blue font-23-b"[代码][代码]>￥</[代码][代码]text[代码][代码]> 50</[代码][代码]view[代码][代码]>[代码][代码]                        [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"tl-left"[代码][代码]><[代码][代码]text[代码] [代码]class[代码][代码]=[代码][代码]"tl-colo-l-blue font-18-5"[代码][代码]>(仅橱窗可用)</[代码][代码]text[代码][代码]></[代码][代码]view[代码][代码]>[代码][代码]                    [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码]                    [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"tl-w175-r"[代码][代码]>[代码][代码]                        [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"font-26-b tl-color-333"[代码][代码]>优惠劵名字</[代码][代码]view[代码][代码]>[代码][代码]                        [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"font-16-5 tl-color-333 tl-t-b"[代码][代码]>有效期:19/05/11-19/05/15</[代码][代码]view[代码][代码]>[代码][代码]                        [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"tl-btn-120 font-20-b tl-color-fff"[代码][代码]>立即领取</[代码][代码]view[代码][代码]>[代码][代码]                    [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码]                [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码]            [代码][代码]</[代码][代码]block[代码][代码]>[代码][代码]        [代码][代码]</[代码][代码]movable-view[代码][代码]>[代码][代码]    [代码][代码]</[代码][代码]movable-area[代码][代码]>[代码][代码]</[代码][代码]view[代码][代码]>[代码] 初始数据： [代码]"skItems"[代码][代码]: [{[代码][代码]            [代码][代码]"pic"[代码][代码]: [代码][代码]"https://file.snailpet.cn/wxApplet/home_%E5%8A%B5%E8%83%8C%E6%99%AF.png"[代码][代码],[代码][代码]            [代码][代码]"pOld"[代码][代码]: [代码][代码]"999"[代码][代码],[代码][代码]            [代码][代码]"pNew"[代码][代码]: [代码][代码]"666"[代码][代码]        [代码][代码]}, {[代码][代码]            [代码][代码]"pic"[代码][代码]: [代码][代码]"https://file.snailpet.cn/72/6c/726c4798188b1edb0f8acc95c942043d.png"[代码][代码],[代码][代码]            [代码][代码]"pOld"[代码][代码]: [代码][代码]"999"[代码][代码],[代码][代码]            [代码][代码]"pNew"[代码][代码]: [代码][代码]"666"[代码][代码]        [代码][代码]}, {[代码][代码]            [代码][代码]"pic"[代码][代码]: [代码][代码]"https://file.snailpet.cn/7c/9a/7c9a25946b5dc29e85ff23e94e5d94f9.png"[代码][代码],[代码][代码]            [代码][代码]"pOld"[代码][代码]: [代码][代码]"999"[代码][代码],[代码][代码]            [代码][代码]"pNew"[代码][代码]: [代码][代码]"666"[代码][代码]        [代码][代码]}, {[代码][代码]            [代码][代码]"pic"[代码][代码]: [代码][代码]"https://file.snailpet.cn/c7/04/c7047572652c846c0d3d59fca25c91be.png"[代码][代码],[代码][代码]            [代码][代码]"pOld"[代码][代码]: [代码][代码]"999"[代码][代码],[代码][代码]            [代码][代码]"pNew"[代码][代码]: [代码][代码]"666"[代码][代码]        [代码][代码]}, {[代码][代码]            [代码][代码]"pic"[代码][代码]: [代码][代码]"https://file.snailpet.cn/72/6c/726c4798188b1edb0f8acc95c942043d.png"[代码][代码],[代码][代码]            [代码][代码]"pOld"[代码][代码]: [代码][代码]"999"[代码][代码],[代码][代码]            [代码][代码]"pNew"[代码][代码]: [代码][代码]"666"[代码][代码]        [代码][代码]}, {[代码][代码]            [代码][代码]"pic"[代码][代码]: [代码][代码]"https://file.snailpet.cn/7c/9a/7c9a25946b5dc29e85ff23e94e5d94f9.png"[代码][代码],[代码][代码]            [代码][代码]"pOld"[代码][代码]: [代码][代码]"999"[代码][代码],[代码][代码]            [代码][代码]"pNew"[代码][代码]: [代码][代码]"666"[代码][代码]        [代码][代码]}][代码] css [代码]/*优惠券横向滑动样式 start*/[代码][代码].u-wrp-secKill {[代码][代码]    [代码][代码]display[代码][代码]: [代码][代码]block[代码][代码];[代码][代码]    [代码][代码]position[代码][代码]: [代码][代码]relative[代码][代码];[代码][代码]    [代码][代码]width[代码][代码]: [代码][代码]100[代码][代码]vw;[代码][代码]    [代码][代码]height[代码][代码]: [代码][代码]247[代码][代码]rpx;[代码][代码]    [代码][代码]background[代码][代码]: [代码][代码]#fff[代码][代码];[代码][代码]}[代码] [代码].u-wrp-secKillHead {[代码][代码]    [代码][代码]display[代码][代码]: [代码][代码]block[代码][代码];[代码][代码]    [代码][代码]position[代码][代码]: [代码][代码]relative[代码][代码];[代码][代码]    [代码][代码]width[代码][代码]: inherit;[代码][代码]    [代码][代码]height[代码][代码]: [代码][代码]60[代码][代码]rpx;[代码][代码]    [代码][代码]border-bottom[代码][代码]: [代码][代码]1px[代码] [代码]solid[代码] [代码]#f0f0f0[代码][代码];[代码][代码]}[代码] [代码].u-txt-skTitle {[代码][代码]    [代码][代码]line-height[代码][代码]: [代码][代码]60[代码][代码]rpx;[代码][代码]    [代码][代码]font-size[代码][代码]: [代码][代码]28[代码][代码]rpx;[代码][代码]    [代码][代码]color[代码][代码]: [代码][代码]#f00[代码][代码];[代码][代码]    [代码][代码]padding[代码][代码]: [代码][代码]0[代码] [代码]20[代码][代码]rpx;[代码][代码]    [代码][代码]display[代码][代码]: inline-[代码][代码]block[代码][代码];[代码][代码]    [代码][代码]position[代码][代码]: [代码][代码]relative[代码][代码];[代码][代码]    [代码][代码]font-weight[代码][代码]: [代码][代码]bold[代码][代码];[代码][代码]}[代码] [代码].u-txt-sktime {[代码][代码]    [代码][代码]line-height[代码][代码]: [代码][代码]60[代码][代码]rpx;[代码][代码]    [代码][代码]font-size[代码][代码]: [代码][代码]24[代码][代码]rpx;[代码][代码]    [代码][代码]color[代码][代码]: [代码][代码]#333[代码][代码];[代码][代码]    [代码][代码]padding[代码][代码]: [代码][代码]0[代码] [代码]20[代码][代码]rpx;[代码][代码]    [代码][代码]display[代码][代码]: inline-[代码][代码]block[代码][代码];[代码][代码]    [代码][代码]position[代码][代码]: [代码][代码]relative[代码][代码];[代码][代码]    [代码][代码]font-weight[代码][代码]: [代码][代码]bold[代码][代码];[代码][代码]}[代码] [代码].u-img-skimgs {[代码][代码]    [代码][代码]position[代码][代码]: [代码][代码]relative[代码][代码];[代码][代码]    [代码][代码]width[代码][代码]: [代码][代码]412[代码][代码]rpx;[代码][代码]    [代码][代码]height[代码][代码]: [代码][代码]220[代码][代码]rpx;[代码][代码]    [代码][代码]display[代码][代码]: inline-[代码][代码]block[代码][代码];[代码][代码]    [代码][代码]background[代码][代码]: [代码][代码]url[代码][代码]([代码][代码]"https://file.snailpet.cn/wxApplet/home_%E5%8A%B5%E8%83%8C%E6%99%AF.png"[代码][代码]) [代码][代码]no-repeat[代码] [代码]0[代码] [代码]41[代码][代码]rpx;[代码][代码]    [代码][代码]background-[代码][代码]size[代码][代码]: [代码][代码]100%[代码] [代码]auto[代码][代码];[代码][代码]    [代码][代码]float[代码][代码]: [代码][代码]left[代码][代码];[代码][代码]    [代码][代码]text-align[代码][代码]: [代码][代码]center[代码][代码];[代码][代码]    [代码][代码]margin-left[代码][代码]: [代码][代码]30[代码][代码]rpx;[代码][代码]    [代码][代码]padding-top[代码][代码]:[代码][代码]41[代码][代码]rpx;[代码][代码]}[代码] [代码].u-img-skimgItem {[代码][代码]    [代码][代码]width[代码][代码]:[代码][代码]412[代码][代码]rpx;[代码][代码]height[代码][代码]:[代码][代码]166[代码][代码]rpx;[代码][代码]}[代码] [代码].u-txt-sktxtItem[代码][代码]1[代码] [代码]{[代码][代码]    [代码][代码]display[代码][代码]:[代码][代码]block[代码][代码];[代码][代码]color[代码][代码]:[代码][代码]#f00[代码][代码];[代码][代码]font-size[代码][代码]:[代码][代码]24[代码][代码]rpx;[代码][代码]}[代码] [代码].u-txt-sktxtItem[代码][代码]2[代码] [代码]{[代码][代码]    [代码][代码]display[代码][代码]:[代码][代码]block[代码][代码];[代码][代码]color[代码][代码]:[代码][代码]#999[代码][代码];[代码][代码]font-size[代码][代码]:[代码][代码]24[代码][代码]rpx;[代码][代码]text-decoration[代码][代码]:[代码][代码]line-through[代码][代码];[代码][代码]}[代码][代码]/*优惠券横向滑动样式 end*/[代码]