需求:
首页nvue原生渲染,以提供好的加载体验, 但是首页会有部分活动展示会经常变更样式, 所以预想是首页其他部分原生, 活动的局部用webview加载h5页面,且能随整个页面滚动而滚动.
尝试:
- nvue页面直接写web-view能满足自定义宽高,并且能正常流布局放置任意元素位置, 也能跟着页面元素增减,自动调整上下位置,且能随页面滚动而滚动(前提是webview高度设置为h5内页的高度);
- 如果是用plus.webview.create创建的元素, 无法灵活布置在nvue页面上, 且始终是定位在页面之上,无法随页面滚动, 设置为position:"static", 并无效果,仍然是绝对定位的表现.
- 如果抛弃nvue页面, 用vue页面, 直接写webview标签无法控制宽高,且全屏, 文档上看到可以用plus api创建, append到vue上(vue默认最外层就是个webview), 此时可以控制宽高, 子页面设置position:"static"确实可以随页面滚动了, 但是webview并不会随页面元素的增减而顺着页面元素调整位置.
- 综上任然觉得方法一最好,但是方法一出现了第一次渲染后,随便点击webview的区域整个页面会跳到webview的顶部, 另外使用跳转navigate api返回的时候也会跳转到webview的顶部. 这个问题一直不知道是为什么,所以想问下社区里的大佬们
芬吸员儿 (作者)
也就是说并不是我写法有问题, 以后会修复的是吧? 另外我在mac上的ios模拟器上也是这样, 没有ios手机,暂时不知道ios真机是不是这样的!
2021-10-27 09:09