用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

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

天下雪 2017-1-16 00:01

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


二:跳转页面
作者: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页面”。

 


鲜花
鲜花 (2)
鸡蛋
鸡蛋 (1)

刚表态过的朋友 (3 人)

分享至 : QQ空间
收藏
原作者: larry6 来自: 授权地址

相关阅读