微信小程序scroll-view隐藏滚动条的方法详解

 更新时间:2020年03月25日 09:45:26   作者:追逐繁星D孩子  
这篇文章主要介绍了微信小程序scroll-view隐藏滚动条的方法,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

效果图:

1.scroll-view 中的需要滑动的元素不可以用 float 浮动使其一行展示;

2.包裹scroll-view的元素如果用 display:flex; 是没有滚动效果的;

3.scroll-view 中的需要滑动的元素要用 dislay:inline-block; 进行元素的横向编排;

4.包裹 scroll-view 的元素要加上样式–> overflow:hidden;white-space:nowrap;

5.有时候为了美观要隐藏滚动条,需要在样式里加上

核心代码:

在wxss里加入以下代码

::-webkit-scrollbar{
  width: 0;
  height: 0;
  color: transparent;
}

 scrollview属性

总结

到此这篇关于微信小程序scroll-view隐藏滚动条的方法详解的文章就介绍到这了,更多相关小程序scroll-view隐藏滚动条内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • javascript实现的元素拖动函数宿主为浏览器

    javascript实现的元素拖动函数宿主为浏览器

    这篇文章主要介绍了javascript实现的元素拖动,将相应的元素对象的引用传到函数中
    2014-07-07
  • JavaScript设置、获取、清除单值和多值cookie的方法

    JavaScript设置、获取、清除单值和多值cookie的方法

    cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值,本文通过一段代码给大家介绍js设置、获取、清除单值和多值cookie的方法,需要的朋友一起学习吧
    2015-11-11
  • 百度地图api如何使用

    百度地图api如何使用

    如果想用百度地图api,首先需要先获取一个百度地图api的密钥,然后引入百度地图的api,这篇文章就讲下百度地图api如何使用的相关资料,需要的朋友可以参考下
    2015-08-08
  • 微信小程序上传图片到别的域名文件下的示例代码

    微信小程序上传图片到别的域名文件下的示例代码

    这篇文章主要介绍了微信小程序上传图片到别的域名文件下的示例代码,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2023-12-12
  • 一个简单的js树形菜单

    一个简单的js树形菜单

    说到树形菜单,貌似一般是用在一些管理系统里面的,我是还没有用到过,有些zTree之类的插件已经做得比较好了
    2011-12-12
  • Map与WeakMap类型在JavaScript中的使用详解

    Map与WeakMap类型在JavaScript中的使用详解

    这篇文章主要介绍了Map与WeakMap类型在JavaScript中的使用,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-11-11
  • 微信小程序虚拟列表的实现示例

    微信小程序虚拟列表的实现示例

    大部分小程序都会有这样的需求,页面有长列表,需要下拉到底时请求后台数据,一直渲染数据,当数据列表长时,会发现明显的卡顿,页面白屏闪顿现象,那么如何实现小程序虚拟列表,感兴趣的可以了解一下
    2021-07-07
  • JS+Canvas实现贪吃蛇小游戏

    JS+Canvas实现贪吃蛇小游戏

    这篇文章介绍了JS+Canvas实现贪吃蛇小游戏,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-01-01
  • JS上传图片前实现图片预览效果的方法

    JS上传图片前实现图片预览效果的方法

    这篇文章主要介绍了JS上传图片前实现图片预览效果的方法,涉及javascript操作图片的技巧,需要的朋友可以参考下
    2015-03-03
  • 利用js实现Ajax并发请求限制请求数量的示例代码

    利用js实现Ajax并发请求限制请求数量的示例代码

    这篇文章主要介绍了利用js实现Ajax并发请求限制请求数量的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-04-04

最新评论