有没有办法在 IOS 上使用 SVG 中的锚链接?
Is there a way to use anchor links in SVG on IOS?
我有一个美国各州的 SVG,需要锚点 links 才能滚动到下面页面上的州信息。锚点在桌面和 android 上运行良好,但在 IOS 上运行不佳。单击时状态变为悬停颜色,而不是 link,悬停颜色保持不变。
我发现了一些使用 xlink:href 的建议,但这些建议已经过时了。我确实试过了,看它是否有效,但没有。我也尝试了一些提供 jquery 代码的建议,但它没有用,并且还阻止了 links 在桌面上工作。
SVG 设置为使用 hrefs 包裹每个路径,如下所示:
<svg viewbox="0 0 959 593"> <a href="#ak"> <path id="AK" ...">
<title>Alaska</title></path></a>
(我已经删除了路径的一长串代码)
这是带有地图的页面 link。锚 link 在桌面上工作,android 而不是 IOS:
https://www.automatictrap.com/pages/trappable-species
我以前从未在这里发过帖子,如果信息不够,我深表歉意。
已解决。 iPhone 上的某些锚链接似乎仅在使用 "a id" 时有效,而来自 SVG 的链接仅在使用 "a name" 时有效。
我有一个美国各州的 SVG,需要锚点 links 才能滚动到下面页面上的州信息。锚点在桌面和 android 上运行良好,但在 IOS 上运行不佳。单击时状态变为悬停颜色,而不是 link,悬停颜色保持不变。
我发现了一些使用 xlink:href 的建议,但这些建议已经过时了。我确实试过了,看它是否有效,但没有。我也尝试了一些提供 jquery 代码的建议,但它没有用,并且还阻止了 links 在桌面上工作。
SVG 设置为使用 hrefs 包裹每个路径,如下所示:
<svg viewbox="0 0 959 593"> <a href="#ak"> <path id="AK" ...">
<title>Alaska</title></path></a>
(我已经删除了路径的一长串代码)
这是带有地图的页面 link。锚 link 在桌面上工作,android 而不是 IOS:
https://www.automatictrap.com/pages/trappable-species
我以前从未在这里发过帖子,如果信息不够,我深表歉意。
已解决。 iPhone 上的某些锚链接似乎仅在使用 "a id" 时有效,而来自 SVG 的链接仅在使用 "a name" 时有效。