微信小程序-横向滑动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 

相关文章： 企业在线网站设计制作流程,想建设一个属于自己的企业网站，该如何去做？  建站之星会员如何解锁更多建站功能？  如何快速上传建站程序避免常见错误？  建站主机与虚拟主机有何区别？如何选择最优方案？  网站广告牌制作方法,街上的广告牌，横幅，用PS还是其他软件做的？  网站专业制作公司,网站编辑是做什么的？好做吗？工作前景如何？  上海网站制作网页,上海本地的生活网站有哪些？最好包括生活的各个方面的？  如何通过可视化优化提升建站效果？  ,网页ppt怎么弄成自己的ppt？  如何快速生成橙子建站落地页链接？  企业网站制作费用多少,企业网站空间一般需要多大，费用是多少？  logo在线制作免费网站在线制作好吗,DW网页制作时，如何在网页标题前加上logo？  ,石家庄四十八中学官网？  Android滚轮选择时间控件使用详解  如何选购建站域名与空间？自助平台全解析  临沂网站制作企业,临沂第三中学官方网站？  宁波自助建站系统如何快速打造专业企业网站？  制作电商网页,电商供应链怎么做？  建站主机选购指南：核心配置与性价比推荐解析  h5网站制作工具有哪些,h5页面制作工具有哪些？  如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗？  Python如何创建带属性的XML节点  如何用西部建站助手快速创建专业网站？  潍坊网站制作公司有哪些,潍坊哪家招聘网站好？  如何快速完成中国万网建站详细流程？  网站制作公司排行榜,四大门户网站排名？  广州网站建站公司选择指南：建站流程与SEO优化关键词解析  洛阳网站制作公司有哪些,洛阳的招聘网站都有哪些？  如何选择高效便捷的WAP商城建站系统？  如何用VPS主机快速搭建个人网站？  Android使用GridView实现日历的简单功能  c# await 一个已经完成的Task会发生什么  南阳网站制作公司推荐,小学电子版试卷去哪里找资源好？  建站之星伪静态规则如何设置？  网站制作员失业,怎样查看自己网站的注册者？  香港服务器租用每月最低只需15元？  品牌网站制作公司有哪些,买正品品牌一般去哪个网站买？  长沙做网站要多少钱,长沙国安网络怎么样？  建站之星免费模板：自助建站系统与智能响应式一键生成  深圳网站制作案例,网页的相关名词有哪些？  网站制作公司排行榜,抖音怎样做个人官方网站  大型企业网站制作流程,做网站需要注册公司吗？  家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作？  视频网站app制作软件,有什么好的视频聊天网站或者软件？  建站主机是否等同于虚拟主机？  公司网站制作需要多少钱,找人做公司网站需要多少钱？  清单制作人网站有哪些,近日“兴风作浪的姑奶奶”引起很多人的关注这是什么事情？  网站按钮制作软件,如何实现网页中按钮的自动点击？  建站之星如何快速解决建站难题？  宝塔建站助手安装配置与建站模板使用全流程解析