小程序scroll-view横向滚动


<view style="width: 100%;height: 100rpx;white-space:nowrap;">
      <scroll-view scroll-x>
      <view style="width: 100rpx;display:inline-block">文章</view>
      <view style="width: 100rpx;display:inline-block">文章</view>
      <view style="width: 100rpx;display:inline-block">文章</view>
      <view style="width: 100rpx;display:inline-block">文章</view>
      <view style="width: 100rpx;display:inline-block">文章</view>
      <view style="width: 100rpx;display:inline-block">文章</view>
      <view style="width: 100rpx;display:inline-block">文章</view>
      <view style="width: 100rpx;display:inline-block">文章</view>
      <view style="width: 100rpx;display:inline-block">文章</view>
      </scroll-view>
    </view>

记得需要在父元素上设置white-space:nowrap;


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM