微信小程序-横向滑动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 相关文章推荐
使用javascript:将其它类型值转换成布尔类型值的解决方法详解
May 07 Javascript
使用js显示当前时间示例
Mar 02 Javascript
node.js中的fs.stat方法使用说明
Dec 16 Javascript
纯javascript实现分页(两种方法)
Aug 26 Javascript
编写高质量JavaScript代码的基本要点
Mar 02 Javascript
JS+CSS实现闪烁字体效果代码
Apr 05 Javascript
node-http-proxy修改响应结果实例代码
Jun 06 Javascript
基于Vuejs框架实现翻页组件
Jun 29 Javascript
vue的安装及element组件的安装方法
Mar 09 Javascript
解决vue脚手架项目打包后路由视图不显示的问题
Sep 20 Javascript
JQuery事件委托原理与用法实例分析
May 13 jQuery
webpack+vue.js构建前端工程化的详细教程
May 10 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
漫威DC御用漫画家去世 他的表情包曾走红网络
2020/04/09 欧美动漫
PHP中的函数嵌套层数限制分析
2011/06/13 PHP
php数组函数序列之rsort() - 对数组的元素值进行降序排序
2011/11/02 PHP
在Windows系统下使用PHP生成Word文档的教程
2015/07/03 PHP
php实现购物车功能(上)
2020/07/23 PHP
php实现生成验证码实例分享
2016/04/10 PHP
深入理解JavaScript系列(12) 变量对象(Variable Object)
2012/01/16 Javascript
javascript读写XML实现广告轮换(兼容IE、FF)
2013/08/09 Javascript
为jquery的ajaxfileupload增加附加参数的方法
2014/03/04 Javascript
jquery禁止输入数字以外的字符的示例(纯数字验证码)
2014/04/10 Javascript
JS+CSS实现的拖动分页效果实例
2015/05/11 Javascript
JavaScript里实用的原生API汇总
2015/05/14 Javascript
理解javascript中的原型和原型链
2015/07/30 Javascript
JavaScript入门教程之引用类型
2016/05/04 Javascript
jQuery实现三级菜单的代码
2016/05/09 Javascript
Javascript必知必会(四)js类型转换
2016/06/08 Javascript
jQuery绑定自定义事件的魔法升级版
2016/06/30 Javascript
vue组件初学_弹射小球(实例讲解)
2017/09/06 Javascript
关于vue-router的beforeEach无限循环的问题解决
2017/09/09 Javascript
关于ckeditor在bootstrap中modal中弹框无法输入的解决方法
2019/09/11 Javascript
JS回调函数深入理解
2019/10/16 Javascript
使用webpack搭建vue环境的教程详解
2019/12/31 Javascript
JavaScript实现简单贪吃蛇效果
2020/03/09 Javascript
[52:15]2014 DOTA2国际邀请赛中国区预选赛5.21 HGT VS LGD-GAMING
2014/05/23 DOTA
python实现简单socket程序在两台电脑之间传输消息的方法
2015/03/13 Python
使用Python实现从各个子文件夹中复制指定文件的方法
2018/10/25 Python
Python中使用__new__实现单例模式并解析
2019/06/25 Python
python中必要的名词解释
2019/11/20 Python
python绘制无向图度分布曲线示例
2019/11/22 Python
pytorch中torch.max和Tensor.view函数用法详解
2020/01/03 Python
如何表示python中的相对路径
2020/07/08 Python
使用CSS3来绘制一个月食图案
2015/07/18 HTML / CSS
浅谈HTML5 Web Worker的使用
2018/01/05 HTML / CSS
Internal修饰符有什么含义
2013/07/10 面试题
幼儿园六一主持词
2015/06/30 职场文书
行政处罚听证告知书
2015/07/01 职场文书