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

相关文章： 成都网站制作报价公司,成都工业用气开户费用？  如何自定义建站之星网站的导航菜单样式？  网站制作免费,什么网站能看正片电影？  如何挑选高效建站主机与优质域名？  深圳防火门网站制作公司,深圳中天明防火门怎么编码？  如何高效利用亚马逊云主机搭建企业网站？  制作网站怎么制作,*游戏网站怎么搭建？  如何通过万网虚拟主机快速搭建网站？  相册网站制作软件,图片上的网址怎么复制？  如何在七牛云存储上搭建网站并设置自定义域名？  详解ASP.NET 生成二维码实例（采用ThoughtWorks.QRCode和QrCode.Net两种方式）  ,购物网站怎么盈利呢？  PHP正则匹配日期和时间(时间戳转换)的实例代码  北京网页设计制作网站有哪些,继续教育自动播放怎么设置？  香港服务器建站指南：外贸独立站搭建与跨境电商配置流程  宝塔建站无法访问？如何排查配置与端口问题？  网站制作多少钱一个,建一个论坛网站大约需要多少钱？  济南网站建设制作公司,室内设计网站一般都有哪些功能？  Python lxml的etree和ElementTree有什么区别  网站制作壁纸教程视频,电脑壁纸网站？  电商网站制作公司有哪些,1688网是什么意思？  如何快速搭建二级域名独立网站？  宝盒自助建站智能生成技巧：SEO优化与关键词设置指南  建站之星后台管理系统如何操作？  制作宣传网站的软件,小红书可以宣传网站吗？  临沂网站制作企业,临沂第三中学官方网站？  大学网站设计制作软件有哪些,如何将网站制作成自己app？  详解jQuery停止动画——stop()方法的使用  东莞市网站制作公司有哪些,东莞找工作用什么网站好？  公众号网站制作网页,微信公众号怎么制作？  如何挑选优质建站一级代理提升网站排名？  香港服务器选型指南：免备案配置与高效建站方案解析  免费制作小说封面的网站有哪些,怎么接网站批量的封面单？  常州企业网站制作公司,全国继续教育网怎么登录？  阿里云高弹*务器配置方案｜支持分布式架构与多节点部署  小米网站链接制作教程,请问miui新增网页链接调用服务有什么用啊？  如何快速生成ASP一键建站模板并优化安全性？  c++怎么使用类型萃取type_traits_c++ 模板元编程类型判断【方法】  Bpmn 2.0的XML文件怎么画流程图  微信小程序 input输入框控件详解及实例（多种示例）  香港服务器建站指南：免备案优势与SEO优化技巧全解析  网站建设设计制作营销公司南阳,如何策划设计和建设网站？  婚礼视频制作网站,学习*后期制作的网站有哪些？  建站168自助建站系统：快速模板定制与SEO优化指南  网站制作模板下载什么软件,ppt模板免费下载网站？  如何将凡科建站内容保存为本地文件？  如何获取上海专业网站定制建站电话？  历史网站制作软件,华为如何找回被删除的网站？  深圳网站制作案例,网页的相关名词有哪些？  海南网站制作公司有哪些,海口网是哪家的？