轻源码

  • QingYuanMa.com
  • 全球最大的互联网技术和资源下载平台
搜索
一起源码网 门户 微信小程序 查看主题

面向新手《二十》scroll-view隐藏滚动条,跳转页面

发布者: net大大侠 | 发布时间: 2018-2-10 23:03| 查看数: 5236| 评论数: 1|帖子模式

本系列只针对新手,主要针对某个简单的知识点,做说明性描述;
一: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,这样也能通过点击顶部状态栏回到页面顶部


二:跳转页面
作者:larry6;来自授权地址

小程序页面有2种跳转,可以在wxml页面或者js中:

1,在wxml页面中:

  <navigator url="../index/index">跳转到新页面navigator>
  <navigator url="../index/index" open-type="redirect">在当前页打开navigator>
  <navigator url="../index/index" open-type="switchTab">切换到首页Tabnavigator>

2,在js页面中:

  

【注意】此处注意两个关键词 “应用内的页面” 和 “tabBar页面”。  app.json文件中tabBar中注册过的tab页,即为“tabBar页面”,非tabBar中注册占用的页面即为“应用内的页面” 。 如下图:home页面为“应用内的页面”,index和logs页面则为 “tabBar页面”。

 


最新评论

╭ァ佛珠℃SoL 发表于 2022-5-20 16:38
源代码种子

轻源码让程序更轻更快

QingYuanMa.com

工作时间 周一至周六 8:00-17:30

侵权处理

客服QQ点击咨询

关注抖音号

定期抽VIP

Copyright © 2016-2021 https://www.171739.xyz/ 滇ICP备13200218号

快速回复 返回顶部 返回列表