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

相关文章： 深圳网站制作费用多少钱,读秀，深圳文献港这样的网站很多只提供网上试读，但有些人只要提供试读的文章就能全篇下载，这个是怎么弄的？  建站之星后台搭建步骤解析：模板选择与产品管理实操指南  魔方云NAT建站如何实现端口转发？  c# 在高并发下使用反射发射（Reflection.Emit）的性能  阿里云网站搭建费用解析：服务器价格与建站成本优化指南  网站设计制作企业有哪些,抖音官网主页怎么设置？  如何安全更换建站之星模板并保留数据？  如何通过免费商城建站系统源码自定义网站主题与功能？  高防网站服务器：DDoS防御与BGP线路的AI智能防护方案  企业在线网站设计制作流程,想建设一个属于自己的企业网站，该如何去做？  小捣蛋自助建站系统：数据分析与安全设置双核驱动网站优化  如何访问已购建站主机并解决登录问题？  微信网站制作公司有哪些,民生银行办理公司开户怎么在微信网页上查询进度？  如何在腾讯云服务器快速搭建个人网站？  宁波自助建站系统如何快速打造专业企业网站？  北京营销型网站制作公司,可以用python做一个营销推广网站吗？  购物网站制作公司有哪些,哪个购物网站比较好？  个人网站制作流程图片大全,个人网站如何注销？  建站主机选购指南：核心配置优化与品牌推荐方案  成都网站制作报价公司,成都工业用气开户费用？  电影网站制作价格表,那些提供免费电影的网站，他们是怎么盈利的？  建站一年半SEO优化实战指南：核心词挖掘与长尾流量提升策略  ,怎么在广州志愿者网站注册？  如何通过VPS建站实现广告与增值服务盈利？  网站设计制作公司地址,网站建设比较好的公司都有哪些？  网站制作需要会哪些技术,建立一个网站要花费多少？  企业网站制作公司网页,推荐几家专业的天津网站制作公司？  Python文件管理规范_工程实践说明【指导】  如何用IIS7快速搭建并优化网站站点？  建站之星安装后如何自定义网站颜色与字体？  php条件判断怎么写_ifelse和switchcase的使用区别【对比】  制作表格网站有哪些,线上表格怎么弄？  如何在云服务器上快速搭建个人网站？  如何快速搭建二级域名独立网站？  建站三合一如何选？哪家性价比更高？  如何快速生成凡客建站的专业级图册？  建站主机助手选型指南：2025年热门推荐与高效部署技巧  如何快速建站并高效导出源代码？  专业商城网站制作公司有哪些,pi商城官网是哪个？  免费的流程图制作网站有哪些,2025年教师初级职称申报网上流程？  定制建站模板如何实现SEO优化与智能系统配置？18字教程  如何快速生成ASP一键建站模板并优化安全性？  Python lxml的etree和ElementTree有什么区别  北京专业网站制作设计师招聘,北京白云观官方网站？  如何零基础开发自助建站系统？完整教程解析  ,交易猫的商品怎么发布到网站上去？  建站之星Pro快速搭建教程：模板选择与功能配置指南  建站之星上传入口如何快速找到？  如何批量查询域名的建站时间记录？  内部网站制作流程,如何建立公司内部网站？