小程序
小游戏
企业微信
微信支付
扫描小程序码分享
https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
你好,不生效。因为跨shadowTree。scroll-into-view 是选择在 scroll-view 同一个 shadowTree 下的节点。是在 scroll-view 所在组件可以执行 querySelector({#ID}) 可以找到的节点。如果是 scroll-view 所在组件内的某个自定义组件里的节点:https://developers.weixin.qq.com/miniprogram/dev/api/ui/scroll/ScrollViewContext.scrollIntoView.html,支持选择器方式,也就可以用 >>> 来选择子组件子节点。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
需要增加个 behaviors
Component(
{
behaviors: ['wx://proxy-scroll-view'],
}
)
这里有个相同问题,范围看着是自定义组件里的 scroll-view 的 scroll-into-view 都不生效。https://developers.weixin.qq.com/community/develop/doc/000c84f9fbc1f88a209b6f67851800?_at=1671695126134
把 slot 改成直接是子节点,试着是 ok 的,如下图。
--------------------------------------------
然后,自定义组件里 scroll-view 内用 slot,就不生效了。看着 id 设置的没问题,唯一值得注意的是 scroll-view 的 Dom 级别看着不太对,是在`#shadow-root`里的,展开看着和 slot 的子节点变成同一级了,或许是 slot 的特殊之处吧。如下图
Demo 是基于 scroll-view 官网文档的例子来改的,横滑 scroll-into-view 测试。稳定复现。附上最新代码片段:https://developers.weixin.qq.com/s/PF8SxHmG7YEJ
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
你好,不生效。因为跨shadowTree。scroll-into-view 是选择在 scroll-view 同一个 shadowTree 下的节点。是在 scroll-view 所在组件可以执行 querySelector({#ID}) 可以找到的节点。如果是 scroll-view 所在组件内的某个自定义组件里的节点:https://developers.weixin.qq.com/miniprogram/dev/api/ui/scroll/ScrollViewContext.scrollIntoView.html,支持选择器方式,也就可以用 >>> 来选择子组件子节点。
需要增加个 behaviors
Component(
{
behaviors: ['wx://proxy-scroll-view'],
}
)
这里有个相同问题,范围看着是自定义组件里的 scroll-view 的 scroll-into-view 都不生效。https://developers.weixin.qq.com/community/develop/doc/000c84f9fbc1f88a209b6f67851800?_at=1671695126134
把 slot 改成直接是子节点,试着是 ok 的,如下图。
--------------------------------------------
然后,自定义组件里 scroll-view 内用 slot,就不生效了。看着 id 设置的没问题,唯一值得注意的是 scroll-view 的 Dom 级别看着不太对,是在`#shadow-root`里的,展开看着和 slot 的子节点变成同一级了,或许是 slot 的特殊之处吧。如下图
Demo 是基于 scroll-view 官网文档的例子来改的,横滑 scroll-into-view 测试。稳定复现。附上最新代码片段:https://developers.weixin.qq.com/s/PF8SxHmG7YEJ