您当前的位置: 首页 > 知识百科 > 微信小程序srcoll怎么使用

微信小程序srcoll怎么使用

时间:2023-07-01 14:05 阅读数:18 人阅读 分类:知识百科

  小程序的开发工具这么多,大家知道微信小程序srcoll是干嘛的吗?其实它就是实现微信小程序上拉和下拉的功能的开发工具,一起来看看要怎么使用。

  scroll-view

  微信小程序滚动视图区域。

  


  使用竖向滚动时,需要给一个固定高度,通过 WXSS 设置 height。

  实例小程序代码如下:

  垂直小程序滑动

  水平滑动

  1234567891011121314151612345678910111213141516

  效果图:

  


  只用scollview需要注意一下几点:

  请勿在 scroll-view 中使用 textarea、map、canvas、video 组件;

  scroll-into-view 的优先级高于 scroll-top;

  在滚动 scroll-view 时会阻止页面回弹,所以在 scroll-view 中滚动,是无法触发 onPullDownRefresh;

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

  以上就是使用微信小程序srcoll进行微信小程序上拉和下拉功能的教程了,如果大家还有不懂的地方欢迎留言给小编,更多相关资料请关注微信小程序素材网。

  

  微信小程序下拉刷新怎么实现

  微信小程序上拉加载更多的实现方法

  微信小程序分页加载 小程序上下拉动加载