微信小程序 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,这样也能通过点击顶部状态栏回到页面顶部

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

相关文章

  • arcgis js完整悬停效果实现demo

    arcgis js完整悬停效果实现demo

    这篇文章主要为大家介绍了arcgis js完整悬停效果实现demo详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • 原生js实现鼠标滑过播放音符方法详解

    原生js实现鼠标滑过播放音符方法详解

    本文使用原生js的AudioContext接口实现一个划过菜单播放天空之城的鼠标特效,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-08-08
  • JS前端html2canvas手写示例问题剖析

    JS前端html2canvas手写示例问题剖析

    这篇文章主要为大家介绍了JS前端html2canvas手写示例问题剖析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • 微信小程序 开发之全局配置

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

    这篇文章主要介绍了微信小程序 开发之全局配置的相关资料,需要的朋友可以参考下
    2017-05-05
  • JavaScript原型Prototype详情

    JavaScript原型Prototype详情

    这篇文章主要介绍了JavaScript原型Prototype,在JavaScript中,函数是一个包含属性和方法的Function类型的对象。而原型(Prototype )就是Function类型对象的一个属性。具体内容需要的朋友可以参考下面文章的介绍
    2021-12-12
  • 深入内存原理谈JS中变量存储在堆中还是栈中

    深入内存原理谈JS中变量存储在堆中还是栈中

    JavaScript中基本类型存储在堆中还是栈中,百度一下有很多不同的答案,本篇文章就来给大家为此做个详细的介绍,需要的朋友可以参考一下
    2021-09-09
  • Qiankun Sentry 监控异常上报无法自动区分项目解决

    Qiankun Sentry 监控异常上报无法自动区分项目解决

    这篇文章主要为大家介绍了Qiankun Sentry 监控异常上报无法自动区分项目解决,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11
  • 微信小程序 页面传值详解

    微信小程序 页面传值详解

    这篇文章主要介绍了微信小程序 页面传值详解的相关资料,需要的朋友可以参考下
    2017-03-03
  • 前端对接WebSocket与心跳重连实现

    前端对接WebSocket与心跳重连实现

    这篇文章主要为大家介绍了前端对接WebSocket与心跳重连实现详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • JS处理数据实现分页功能

    JS处理数据实现分页功能

    这篇文章介绍了JS处理数据实现分页功能的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-01-01

最新评论