花志飘零
花志飘零
  • 发布:2021-08-17 17:13
  • 更新:2022-08-20 11:56
  • 阅读:1080

在nvue页面中如何使用bindingx监听原生页面滚动

分类:uni-app

如下图:


主要是我不知道如何获取到原生滚动的滚动容器

2021-08-17 17:13 负责人:无 分享
已邀请:
阿怪1874

阿怪1874

同问

bctop

bctop

他那个是预定义范式

类似于 定义 滑动的变量 与 页面变化的关系:
例如 :

  • 设 滑动的值 为 y;
  • 设 想要的 效果 为 opacity(0) 到 opacity(1);
  • 就可以 声明一个 预定义表达式:
property:'opacity'  
expression:'1-y/400' //表达式 说明了y从0-400,对应的值是1-0  

然后根据 bindingx 的配置格式;

页面互动时 原生系统 就会按预定义表达式 渲染页面

这里有个重点是 这个 y 我们开发的 js 大概率是取不到的。

  • 可以这样想 跟我们css 的animation 预定义效果 类似

很久没写 bindingx 了。这里面是一个 开发思维的转换。具体 还是以uni的 文档 把 。bindingx 的效果还是很好的,不如css3 效果丰富。但是 略显晦涩。

要回复问题请先登录注册