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

 更新时间:2017年01月16日 15:25:05   投稿:lqh  
这篇文章主要介绍了微信小程序 scroll-view隐藏滚动条和跳转页面的相关资料,需要的朋友可以参考下

一:scroll-view隐藏滚动条

在书写网页的时候,往往会为了页面的美观,而选择去掉滚动区域默认的滚动条,而在这里,就是为小程序去掉滚动条的其中的一种方法:

scroll-view.wxml:

scroll-view.wxss

scroll-view.js

  最终显示效果如下;

注意:

(1)不能在scroll-view中使用textarea,mao,canvas,video组件

(2)scroll-init-view的优先级高于scroll-top

(3)onPullDownRefresh事件,无法在scroll-view中触发

(4)若想使用下拉刷新,一定要使用页面的滚动,而不是scroll-view,这样也能通过点击顶部状态栏回到页面顶部

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

相关文章

  • 一文详解Electron 快捷键使用技巧及示例

    一文详解Electron 快捷键使用技巧及示例

    这篇文章主要为大家介绍了Electron 中的快捷键使用技巧及示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • 微信小程序 开发之全局配置

    微信小程序 开发之全局配置

    这篇文章主要介绍了微信小程序 开发之全局配置的相关资料,需要的朋友可以参考下
    2017-05-05
  • PerformanceObserver自动获取首屏时间实现示例

    PerformanceObserver自动获取首屏时间实现示例

    今天给大家介绍一个非常好用的浏览器api: PerformanceObserver , 我们可以用它来获取首屏、白屏的时间,就不用再麻烦地手动去计算了
    2022-07-07
  • JS前端轻量fabric.js系列物体基类

    JS前端轻量fabric.js系列物体基类

    这篇文章主要为大家介绍了实现JS前端轻量fabric.js系列物体基类示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • 项目中常用的 .env 文件原理源码解析

    项目中常用的 .env 文件原理源码解析

    这篇文章主要为大家介绍了项目中常用的 .env 文件原理源码解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-12-12
  • TS 类型兼容教程示例详解

    TS 类型兼容教程示例详解

    这篇文章主要为大家介绍了TS 类型兼容教程示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • Three.js实现雪糕地球的使用示例详解

    Three.js实现雪糕地球的使用示例详解

    这篇文章主要为大家介绍了Three.js实现雪糕地球的使用示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • 10分钟内讲解Npm脚本使用教程

    10分钟内讲解Npm脚本使用教程

    这篇文章主要为大家介绍了10分钟内讲解Npm脚本使用教程,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10
  • JavaScript前端实用的工具函数封装

    JavaScript前端实用的工具函数封装

    这篇文章主要为大家介绍了JavaScript前端实用的一些工具函数的封装,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • JavaScript执行机制详细介绍

    JavaScript执行机制详细介绍

    这篇文章主要介绍了JavaScript执行机制,想要搞懂JavaScript执行机制,便与进程与线程的概念脱不了干系,下面我们就来看看这JavaScript执行机制的具体介绍吧,需要的朋友可以参考一下
    2021-12-12

最新评论