Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/441.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击链接时,关注svg元素_Javascript_Html_Css_Svg - Fatal编程技术网

Javascript 单击链接时,关注svg元素

Javascript 单击链接时,关注svg元素,javascript,html,css,svg,Javascript,Html,Css,Svg,我刚刚开始使用SVG图像,我想知道是否有可能创建一个文本链接,当单击时,它会关注特定的元素 例如,我有一个位于屏幕最左侧的文本和一个只有滚动到最右侧才能看到的圆形元素。当我点击这些文字时,它就会滚动或跳转到那个元素 我在这方面还是个初学者,所以任何帮助都将不胜感激 如果要捕捉到元素,始终可以执行以下操作 <div id="snap-to-me"></div> <a href="#snap-to-me">SNAP</a> 单击链接后,页面将尝

我刚刚开始使用SVG图像,我想知道是否有可能创建一个文本链接,当单击时,它会关注特定的元素

例如,我有一个位于屏幕最左侧的文本和一个只有滚动到最右侧才能看到的圆形元素。当我点击这些文字时,它就会滚动或跳转到那个元素


我在这方面还是个初学者,所以任何帮助都将不胜感激

如果要捕捉到元素,始终可以执行以下操作

<div id="snap-to-me"></div>

<a href="#snap-to-me">SNAP</a>

单击链接后,页面将尝试查找具有该id的元素,并捕捉到该元素


如果您想要动画滚动,我建议您签出支持它的库。jQuery显然是一个不错的选择。

为了澄清,您是希望视口滚动/跳转到圆圈,还是希望文本在单击文本时滚动/跳转到圆圈?视口滚动/跳转到没有文本的地方。请查看此问题