单击链接后,将重点放在 svg 元素上
On clicking link, focus on svg element
我刚刚开始使用SVG图像,我想知道是否可以创建一个文本链接,在单击时,它专注于特定元素。
例如,我有一个位于屏幕最左侧的文本和一个圆圈元素,只有当我滚动到最右侧时才能看到。当我单击所述文本时,它会滚动或跳转到该元素。
我在这方面仍然是一个初学者,所以任何帮助将不胜感激。
如果要对齐元素,则始终可以执行以下操作。
<div id="snap-to-me"></div>
<a href="#snap-to-me">SNAP</a>
单击链接后,页面将尝试查找具有该 id 的元素,并捕捉到它。
如果你想要动画滚动,我建议你签出一个支持它的库。 jQuery是一个显而易见的好选择。
相关文章:
- 如何自动保存动态生成的HTML SVG元素
- 将包含SVG元素的HTML转换为图像文件
- SVG元素——处理和选择文本
- SVG元素在转换后会丢失事件侦听器
- 获取以屏幕像素为单位的旋转SVG元素的边界
- 使用JavaScript查找具有特定属性的SVG元素
- 如何使用正则表达式按类获取svg元素
- 将SVG元素拖动到另一个SVG元素上
- 我想隐藏/显示我的SVG元素,同时在anguarJS中使用它
- 如何在svg元素上添加和删除css类
- 在模式框打开之前更改 SVG 元素的颜色,并在框打开时保持该颜色
- 将复杂的 SVG 元素追加到选区
- 使用 JQuery 对 Spin SVG 元素进行动画处理
- 检查直线是否与带有 SVG 元素的圆相交
- 如何添加效果,以便将鼠标悬停在 SVG 元素上使其变大
- 如何将运动模糊尾巴添加到圆圈中的 svg 元素
- SVG 元素作为容器
- 从上传的文件中获取svg元素的宽度
- 是否可以用D3将svg元素添加到开放层映射中
- 单击时将SVG元素替换为另一个