面向新手《二十》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页面”。