电影详情页"影人"部分scroll-view 里的图片可滑动区域问题

Question

就像我的上面图上标的，红色框框里滑动鼠标才可以拖动影人部分左右滑动，可是我期望的是在绿色的框框里可以拖动滑动

这种情况是属于正常现象还是我自己没有码好代码..

我的wxml部分：

1 2 3 4 5 6 7 8 9 10 11

<view class="cast">     <text class="cast-font">影人</text>     <scroll-view class="cast-imgs" scroll-x="true">         <block wx:for="{{ movie.castsInfo }}" >             <view class="cast-container">                 <image class="cast-img" src="{{ item.img }}"></image>                 <text class="cast-name">{{ item.name }}</text>             </view>         </block>     </scroll-view> </view>

这个是WXSS部分：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34

.cast {     display: flex;     flex-direction: column;     margin-top: 50rpx;     margin-left: 40rpx; }   .cast-font {     margin-bottom:40rpx;     color:#999; }   .cast-imgs {     white-space: nowrap; }   .cast-container {     display: inline-flex;     flex-direction: column;     margin-right: 40rpx;     margin-bottom: 50rpx;     width: 170rpx;     text-align: center;     white-space: normal; }   .cast-img {     width: 170rpx;     height: 210rpx; }   .cast-name {     margin: 10rpx auto 0; }

影人部分的样式我都是按您在视频里写的，后来我在这个页面把上面所有的样式都去掉了只留下了"影人"这部分的样式还是那个红色区域管用..所以不知道这是个BUG还是我自己的代码问题..用了很多方法还是不管用

老师您方便的时候再来回答这个问题吧，我不是很着急。看您已经耐心回答快40页的问题了真是太不容易了！谢谢七月老师..

Answer 1

7七月 2017-01-17 11:32:20

我有时间就回第一时间回。我刚刚特意又跑了下讲课的项目，没有出现这个问题。你是在真机上还是模拟器里，我看了下都没问题。你现在的进度可以下载源代码了。在同学里，下载源代码，仔细对比一下。但我总觉得这个问题挺奇怪的。你对比代码 ，看看是不是有不一样的。如果是完全一样的，你再回复我我在看下

• 提问者 pomelo9240 #1

  老师刚刚我下了源码跑了一下项目 发现源码里也有这个问题 那应该不是代码的问题，可能是我模拟器上的BUG吧。跑到真机上应该就没问题了！谢谢老师

• 提问者 pomelo9240 #2

  谢谢七月老师！