收藏
回答

scroll-view横向滚动真机测试失败

scroll-view在开发工具上设置横向滚动,效果是正常的,但是在真机上横向滑动的时候,整个手机屏幕跟着左移,这是为什么阿?我的scroll-view属性:

 white-space: nowrap;

 display: flex;

我的view属性

display: inline-block;

 height: 100rpx;


最后一次编辑于  2018-01-16
回答关注问题邀请回答
收藏

10 个回答

  • 微信技术专员 - Rex
    微信技术专员 - Rex
    2018-01-19

    应该是你的css样式兼容问题,请提供下代码看看

    2018-01-19
    赞同
    回复
  • 小东哥
    小东哥
    2018-02-05

    这还有人谢谢,我是问问题的,尴尬

    2018-02-05
    赞同
    回复
  • 小马哒哒
    小马哒哒
    2018-02-05

    谢谢分享@小东哥

    2018-02-05
    赞同
    回复
  • 小东哥
    小东哥
    2018-01-23

    .recommend_scroll_x_box {

    white-space: nowrap;

    display: block;

    }


    2018-01-23
    赞同
    回复
  • 🎃
    🎃
    2018-01-23

    您能 帮忙看一下吗  感激不尽

    2018-01-23
    赞同
    回复
  • 🎃
    🎃
    2018-01-23

    <view class="content-tuijian">

        <view class="tuijian-title">{{content.cat_name}}</view>

        <view>

            <scroll-view class="recommend_scroll_x_box" scroll-x="true">

                <view class="recommend_hot_box" wx:for="{{tuijian}}" bindtap="goContent" data-id="{{item.id}}">


                    <image src="{{item.thumb}}" class="recommend_hot_image"></image>


                    <view style='margin-top: 30rpx;'></view>


                    <view class="re-title">{{item.title}}</view>


                </view>

            </scroll-view>

        </view>

    </view>



    .content-tuijian {

    margin-left: 0rpx;

    margin-top: 0rpx;

    }


    .tuijian-title {

    margin-bottom: 30rpx;

    margin-top: 30rpx;

    }



    .recommend_scroll_x_box {

    white-space: nowrap;

    display: flex;

    }


    .recommend_hot_box {

    position: relative;

    /* width: 750rpx;  */

    width: 100%;

    height: 400rpx;

    margin-right: 0rpx;

    margin-left: 0rpx;

    display: inline-block;

    }



    .recommend_hot_image {

    margin-left: 25rpx;

    width: 700rpx;

    height: 380rpx;

    border-radius: 10rpx;

    margin-bottom: 70rpx;

    }


    .re-title {

    height: 0rpx;

    line-height: 0rpx;

    white-space: pre-line;

    position: absolute;

    bottom: -26rpx;

    font-size: 34rpx;

    font-weight: bold;

    padding-top: 50rpx;

    margin-top: 30rpx;

    margin-left: 30rpx;

    }


    2018-01-23
    赞同
    回复
  • 🎃
    🎃
    2018-01-23

    谢谢 , 这个是在哪里哈

    2018-01-23
    赞同
    回复
  • 小东哥
    小东哥
    2018-01-23

     white-space: nowrap;

     display: block;


    2018-01-23
    赞同
    回复
  • 🎃
    🎃
    2018-01-23

    您好, 我也出现同样的问题了,能告诉我一下是怎么解决的吗, O(∩_∩)O谢谢

    2018-01-23
    赞同
    回复
  • 小东哥
    小东哥
    2018-01-20

    我已经解决,谢谢官方回复

    2018-01-20
    赞同
    回复