小程序
小游戏
企业微信
微信支付
扫描小程序码分享
scroll-view在开发工具上设置横向滚动，效果是正常的，但是在真机上横向滑动的时候，整个手机屏幕跟着左移，这是为什么阿？我的scroll-view属性：
white-space: nowrap;
display: flex;
我的view属性
display: inline-block;
height: 100rpx;
10 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
应该是你的css样式兼容问题，请提供下代码看看
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
这还有人谢谢，我是问问题的，尴尬
谢谢分享@小东哥
.recommend_scroll_x_box {
display: block;
}
您能 帮忙看一下吗 感激不尽
<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>
.content-tuijian {
margin-left: 0rpx;
margin-top: 0rpx;
.tuijian-title {
margin-bottom: 30rpx;
margin-top: 30rpx;
.recommend_hot_box {
position: relative;
/* width: 750rpx; */
width: 100%;
height: 400rpx;
margin-right: 0rpx;
.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-left: 30rpx;
谢谢 ， 这个是在哪里哈
您好， 我也出现同样的问题了，能告诉我一下是怎么解决的吗， O(∩_∩)O谢谢
我已经解决，谢谢官方回复
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
应该是你的css样式兼容问题，请提供下代码看看
这还有人谢谢，我是问问题的，尴尬
谢谢分享@小东哥
.recommend_scroll_x_box {
white-space: nowrap;
display: block;
}
您能 帮忙看一下吗 感激不尽
<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;
}
谢谢 ， 这个是在哪里哈
white-space: nowrap;
display: block;
您好， 我也出现同样的问题了，能告诉我一下是怎么解决的吗， O(∩_∩)O谢谢
我已经解决，谢谢官方回复