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


Posted in Javascript onApril 20, 2017

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: '玻璃?5?,
    desc: '22W人去?'
   }, {
    pic: '/images/example2.png',
    title: '玻璃?5?,
    desc: '22W人去?'
   }, {
    pic: '/images/example2.png',
    title: '玻璃?5?,
    desc: '22W人去?'
   }, {
    pic: '/images/example2.png',
    title: '玻璃?5?,
    desc: '22W人去?'
   }, {
    pic: '/images/example2.png',
    title: '玻璃?5?,
    desc: '22W人去?'
   }
  ]
 }

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
js同时按下两个方向键
Dec 01 Javascript
document.getElementById为空或不是对象的解决方法
Jan 24 Javascript
jquery 元素相对定位代码
Oct 15 Javascript
js创建一个input数组并绑定click事件的方法
Jun 12 Javascript
jquery实现动态画圆
Dec 04 Javascript
JQuery记住用户名密码实现下次自动登录功能
Apr 27 Javascript
java中String类型变量的赋值问题介绍
Mar 23 Javascript
window.onload绑定多个事件的两种解决方案
May 15 Javascript
浅谈在react中如何实现扫码枪输入
Jul 04 Javascript
vue中使用echarts制作圆环图的实例代码
Jul 27 Javascript
原生javascript自定义input[type=radio]效果示例
Aug 27 Javascript
Vue微信公众号网页分享的示例代码
May 28 Javascript
jquery将标签元素的高设为屏幕的百分比
Apr 19 #jQuery
通过js修改input、select默认字体颜色
Apr 19 #Javascript
利用node.js本地搭建HTTP服务器
Apr 19 #Javascript
javascript 的变量、作用域和内存问题
Apr 19 #Javascript
javascript中json对象json数组json字符串互转及取值方法
Apr 19 #Javascript
javascript 中null和undefined区分和比较
Apr 19 #Javascript
jQuery Plupload上传插件的使用
Apr 19 #jQuery
You might like
Codeigniter实现多文件上传并创建多个缩略图
2014/06/12 PHP
php中__toString()方法用法示例
2016/12/07 PHP
20行代码实现的一个CSS覆盖率测试脚本
2013/07/07 Javascript
checkbox全选所涉及到的知识点介绍
2013/12/31 Javascript
jQuery实用函数用法总结
2014/08/29 Javascript
javascript 原型链维护和继承详解
2014/11/26 Javascript
asp.net+js实现金额格式化
2015/02/27 Javascript
js网页滚动条滚动事件实例分析
2015/05/05 Javascript
javascript回到顶部特效
2016/07/30 Javascript
js滚轮事件兼容性问题需要注意哪些
2016/11/15 Javascript
微信小程序 常见问题总结(4058,40013)及解决办法
2017/01/11 Javascript
vue 如何添加全局函数或全局变量以及单页面的title设置总结
2017/06/01 Javascript
vue 实现的树形菜的实例代码
2018/03/19 Javascript
小程序input数据双向绑定实现方法
2019/10/17 Javascript
Python实现全角半角转换的方法
2014/08/18 Python
python实现在sqlite动态创建表的方法
2015/05/08 Python
python使用wmi模块获取windows下硬盘信息的方法
2015/05/15 Python
python实现可以断点续传和并发的ftp程序
2016/09/13 Python
Django中间件实现拦截器的方法
2018/06/01 Python
浅析python3中的os.path.dirname(__file__)的使用
2018/08/30 Python
Python设计模式之工厂方法模式实例详解
2019/01/18 Python
简单了解Django ContentType内置组件
2019/07/23 Python
django框架中ajax的使用及避开CSRF 验证的方式详解
2019/12/11 Python
解决pytorch DataLoader num_workers出现的问题
2020/01/14 Python
Python3爬虫发送请求的知识点实例
2020/07/30 Python
Python SMTP发送电子邮件的示例
2020/09/23 Python
python 如何设置守护进程
2020/10/29 Python
印尼购物网站:iLOTTE
2019/10/16 全球购物
社区八一活动方案
2014/02/03 职场文书
餐厅销售主管职责范本
2014/02/19 职场文书
大一新生学期自我评价
2014/04/09 职场文书
令人印象深刻的自荐信
2014/05/25 职场文书
研究生简历自我评价范文
2014/09/13 职场文书
2015年试用期工作总结范文
2015/05/28 职场文书
2015年公司中秋节致辞
2015/07/31 职场文书
剖析后OpLog订阅MongoDB的数据变更就没那么难了
2022/02/24 MongoDB