在具有react路由器散列链路的移动设备上，锚定Ids不会增加
在具有react路由器散列链路的移动设备上，锚定Ids不会增加
提问于 2020-07-09 06:39:01
移动设备上的react路由器哈希链路出现问题。
在桌面上，它工作得很好，但在移动设备上，它给了我一个偏移量，有时超过100vh远离我的锚标签。
这就是设置链接的地方
<AnchorLink
to={`audio-demos/#${anchorTitle}`}
className={`item ${classItem}`}
style={{ backgroundImage: `url(${src})` }}
>
</AnchorLink>这是设置id的位置
return (
<>
<div className="spacer" id={id}></div>
<div className='demo-audio-container' >
<h2 >{title}</h2>
<div className='adverts-container'>
<div className='adverts-left'>im开发的站点是https://ingrid-voice.netlify.app/
例如，你可以在chrome中打开devtools，然后在iphone5或iphone7上重现这个问题。转到主页并单击portfolio部分中的链接。这会将您带到音频页面和一个锚点链接。在台式机上工作，但在移动设备上锚点不在屏幕顶部。
有什么想法吗？谢谢
回答 1
Stack Overflow用户
发布于 2020-07-10 06:26:08
我已经设法做了一个变通办法，删除了移动设备上的动画英雄形象。似乎已经解决了我的android上的问题，但在iPhone7上仍然看到了问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62808902
复制相关文章
点击加载更多
相似问题
Android -图像共享意图，如Android应用程序
Android -拦截来自其他应用程序的共享意图
文件保存意图，如共享意图Android/iOS react-native
如何使用意图与其他应用程序共享.gif文件？
如何在不询问覆盖权限的情况下绘制其他应用程序，如Facebook messenger
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
