我知道可以用

//在逻辑层 page.js 里
onPageScroll(e) {
   //获取页面滚动的位置
   this.setData({pageTop: e.scrollTop})
},

但是疯狂绑定，性能会很不好。

所以就想使用 WXS，借由在wxml文件里使用

//page.wxml
<wxs module="test" src="./test.wxs"></wxs>
<page-meta bindscroll="{{test.onPageScroll}}" />

少了视图和逻辑层的通信 性能就会有所提升

但是这样还是在page里做的，不知道怎么跟自定义组件通信，我想修改的是 自定义组件“内”的样式，能做得到吗？

ps. 这个场景很常见，比如导航栏是自定义组件的，当页面往下滚动时，就把导航栏往上推；等到用户往上滑时，再把导航栏推回来。