微信小程序-横向滑动scroll-view隐藏滚动条

wxml

 <scroll-view class="recommend_scroll_x_box" scroll-x="true">
   <view class="recommend_hot_box" wx:for="{{hotList}}">
    <image src="{{item.pic}}" class="recommend_hot_image"></image>
   </view>
  </scroll-view>

wxss

.recommend_scroll_x_box {
 height: 245rpx;
 white-space: nowrap;
 display: flex;
}

::-webkit-scrollbar {
 width: 0;
 height: 0;
 color: transparent;
}

.recommend_hot_box {
 width: 230rpx;
 height: 245rpx;
 margin-right: 24rpx;
 display: inline-block;
}

.recommend_hot_image {
 width: 230rpx;
 height: 143rpx;
}

js

Page({
 data: {
  hotList: [
   {
    pic: '/images/example2.png',
    title: '玻璃棧道',
    desc: '22W人去過'
   }, {
    pic: '/images/example2.png',
    title: '玻璃棧道',
    desc: '22W人去過'
   }, {
    pic: '/images/example2.png',
    title: '玻璃棧道',
    desc: '22W人去過'
   }, {
    pic: '/images/example2.png',
    title: '玻璃棧道',
    desc: '22W人去過'
   }, {
    pic: '/images/example2.png',
    title: '玻璃棧道',
    desc: '22W人去過'
   }
  ]
 }

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！

# 微信小程序  # 横向滑动  # scrollview横向滑动  # slimscroll横向滚动条  # 微信小程序实现横向滚动条  # 微信小程序实现滚动条功能  # 微信小程序scroll-view隐藏滚动条的方法详解  # 微信小程序scroll-view的滚动条设置实现  # 微信小程序设置滚动条过程详解  # 详解微信小程序scroll-view横向滚动的实践踩坑及隐藏其滚动条的实现  # 微信小程序实现swiper切换卡内嵌滚动条不显示的方法示例  # 微信小程序scroll-view仿拼多多横向滑动滚动条  # 微信小程序 scroll-view隐藏滚动条详解  # 微信小程序scroll-view实现自定义滚动条  # 人去  # src  # item  # pic  # wx  # hotList  # image  # height  # rpx  # recommend_hot_image  # wxss  # css  # recommend_hot_box  # class  # brush  # xhtml  # strong  # wxml  # pre  # recommend_scroll_x_box 

相关文章： 焦点电影公司作品,电影焦点结局是什么？  教学论文网站制作软件有哪些,写论文用什么软件 ？  Java解压缩zip - 解压缩多个文件或文件夹实例  如何正确选择百度移动适配建站域名？  如何用y主机助手快速搭建网站？  制作企业网站建设方案,怎样建设一个公司网站？  网站建设制作、微信公众号,公明人民医院怎么在网上预约？  品牌网站制作公司有哪些,买正品品牌一般去哪个网站买？  如何高效利用亚马逊云主机搭建企业网站？  网站广告牌制作方法,街上的广告牌，横幅，用PS还是其他软件做的？  北京专业网站制作设计师招聘,北京白云观官方网站？  网站制作大概多少钱一个,做一个平台网站大概多少钱？  网站设计制作企业有哪些,抖音官网主页怎么设置？  公司网站制作需要多少钱,找人做公司网站需要多少钱？  如何选择网络建站服务器？高效建站必看指南  5种Android数据存储方式汇总  电影网站制作价格表,那些提供免费电影的网站，他们是怎么盈利的？  logo在线制作免费网站在线制作好吗,DW网页制作时，如何在网页标题前加上logo？  厦门模型网站设计制作公司,厦门航空飞机模型掉色怎么办？  定制建站策划方案_专业建站与网站建设方案一站式指南  ,巨量百应是干嘛的？  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛，就是里面都是武汉人的？  阿里云网站搭建费用解析：服务器价格与建站成本优化指南  网站专业制作公司,网站编辑是做什么的？好做吗？工作前景如何？  定制建站哪家更专业可靠？推荐榜单揭晓  建站一年半SEO优化实战指南：核心词挖掘与长尾流量提升策略  建站之星IIS配置教程：代码生成技巧与站点搭建指南  如何访问已购建站主机并解决登录问题？  如何通过免费商城建站系统源码自定义网站主题与功能？  如何制作算命网站,怎么注册算命网站？  html制作网站的步骤有哪些,iapp如何添加网页？  制作网站的模板软件,网站怎么建设？  网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面？  实例解析Array和String方法  如何快速查询网站的真实建站时间？  上海网站制作网站建设公司,建筑电工证网上查询系统入口？  制作国外网站的软件,国外有哪些比较优质的网站推荐？  临沂网站制作公司有哪些,临沂第四中学官网？  如何通过商城自助建站源码实现零基础高效建站？  如何在万网开始建站？分步指南解析  实现点击下箭头变上箭头来回切换的两种方法【推荐】  如何快速生成可下载的建站源码工具？  北京的网站制作公司有哪些,哪个视频网站最好？  简单实现Android验证码  如何获取PHP WAP自助建站系统源码？  如何快速生成凡客建站的专业级图册？  官网建站费用明细查询_企业建站套餐价格及收费标准指南  建站之星如何快速解决建站难题？  大连 网站制作,大连天途有线官网？  动图在线制作网站有哪些,滑动动图图集怎么做？