微信小程序-横向滑动scroll-view隐藏滚动条
更新时间：2017年04月20日 08:33:15 作者：Mr_Sparta
本篇文章主要介绍了微信小程序-横向滑动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人去過'
}
]
}
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！
相关文章
这篇文章主要为大家详细介绍了微信小程序实现简易封装弹窗，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-01-01
javascript每日必学之继承,介绍了有关继承的相关内容，感兴趣的小伙伴们可以参考一下2016-02-02
本文将介绍如何利用 async-pool 这个库提供的 asyncPool 函数来实现大文件的并行下载。2021-05-05
相信大家都知道，ES5及之前时代的JavaScript中this的绑定机制是让很多开发者头疼不已的事情。this 的绑定变化多端，让笔者也吃了不少亏。所以本文总结了this的四条绑定规则，在此记录，以防自己遗忘，也方便他人参考借鉴。下面来一起看看吧。2016-09-09
这篇文章主要介绍了微信小程序系列之自定义顶部导航功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-05-05
在日常开发中，很多时候会不经意间写出符合某种设计模式的代码，而适配器其实在JavaScript中应该是比较常见的一种了。这篇文章主要介绍了适配器在JavaScript中的体现 ,需要的朋友可以参考下2018-09-09
下面小编就为大家带来一篇js提交form表单,并传递参数的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要为大家详细介绍了微信小程序实现吸顶效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-01-01
这篇文章主要介绍了js实现点击后将文字或图片复制到剪贴板的方法,功能非常实用,需要的朋友可以参考下2014-08-08
JS代码混淆初步...2006-09-09
最新评论