作者:手机用户2502901401 | 来源:互联网 | 2023-09-06 14:12
微信小程序|小程序开发微信小程序微信小程序-小程序开发网页开发的时候往往会为了页面的美观,而选择去掉滚动区域默认的滚动条。微信小程序实现scroll-view隐藏滚动条的方法之一:
微信小程序|小程序开发
微信小程序
微信小程序-小程序开发
网页开发的时候往往会为了页面的美观,而选择去掉滚动区域默认的滚动条。微信小程序实现scroll-view隐藏滚动条的方法之一:
css 图形 报表 源码,vscode不开源部分,ubuntu自带编程,部署tomcat发布路径,爬虫TapTap,php入门的书,山西网络公司seo,网站加入卡密源码,苹果cms网站模板下载lzw
首先我们来看一下,scroll-view的一些属性组件
服装鞋帽源码,ubuntu桌面环境损坏,js爬虫代码学习,php echo 数组,宿迁seo大牛lzw
瑜伽馆网站源码,Ubuntu打开QQ卡,tomcat传值乱码怎么办,菜鸟裹裹 爬虫,php验证码生成教程学习,推广与seolzw
使用竖向滚动时,需要给一个固定高度,通过 WXSS 设置 height。
再来看一些简单的代码示例:
vertical scroll horizontal scroll
var order = ['red', 'yellow', 'blue', 'green', 'red']Page({ data: { toView: 'red', scrollTop: 100 }, upper: function(e) { console.log(e) }, lower: function(e) { console.log(e) }, scroll: function(e) { console.log(e) }, tap: function(e) { for (var i = 0; i 效果图如下:
注意:
(1)不能在scroll-view中使用textarea,mao,canvas,video组件
(2)scroll-init-view的优先级高于scroll-top
(3)onPullDownRefresh事件,无法在scroll-view中触发
(4)若想使用下拉刷新,一定要使用页面的滚动,而不是scroll-view,这样也能通过点击顶部状态栏回到页面顶部