微信内浏览器点击放大不了，会跳到页面最上面

[Ahian]

[Caldis]

谢谢反馈，微信这个调试环境比较难搭建，能否提供一个便于复现的 DEMO

[csyz12138]

最新版代码可以放大，跳到页面最上方这个问题是由于同时对html和body添加overflow: hidden导致的，我临时打补丁是记录当前滚动条位置，在关闭组件时控制滚动条滚动回来。期待作者大佬优美的解决方案

[StinsonZhao]

最新版代码可以放大，跳到页面最上方这个问题是由于同时对html和body添加overflow: hidden导致的，我临时打补丁是记录当前滚动条位置，在关闭组件时控制滚动条滚动回来。期待作者大佬优美的解决方案

确实，我移动端同样的问题，不限于微信，Chrome 模拟移动端也是一样，表现是点一下图片后，闪一下，就图片浏览是出来了，但马上消失了，而且页面回到了顶端

当做了以下改动并且构建替换后，就好了：

export const lockTouchInteraction = () => {
    // Save
-   touchStyle.html.overflow = document.documentElement.style.overflow
    touchStyle.body.overflow = document.body.style.overflow
    touchStyle.body.position = document.body.style.position
    // Apply
-   document.documentElement.style.overflow = 'hidden'
    document.body.style.overflow = 'hidden'
    document.body.style.position = 'relative'
};
export const unlockTouchInteraction = () => {
    // Recover
-   document.documentElement.style.overflow = touchStyle.html.overflow
    document.body.style.overflow = touchStyle.body.overflow
    document.body.style.position = touchStyle.body.position
};

[Caldis]

@StinsonZhao 感谢反馈, 我会尽快修正, 不过我这边 Chrome 在模拟移动端时没有复现这样的 BUG 能否请问您这边的 Chrome 版本和模拟时具体的设置参数是什么 ?

[StinsonZhao]

@StinsonZhao 感谢反馈, 我会尽快修正, 不过我这边 Chrome 在模拟移动端时没有复现这样的 BUG 能否请问您这边的 Chrome 版本和模拟时具体的设置参数是什么 ?

我是 iOS 中浏览器和 mac OS chrome（80）模拟 iPhone 就会，其余设备情况没试过

使用场景是在 gatsby 中，方式采用这里写的 https://github.com/Caldis/react-zmage/issues/5 版本是 0.8.5-beta.15