Html 如何使用悬停移动到锚点?

Html 如何使用悬停移动到锚点?,html,css,Html,Css,我不确定我是否能够仅使用CSS和HTML实现这一点,或者我是否需要使用Javascript,因为在研究了一段时间后,我没有找到多少关于如何实现这一点的信息 我没有尝试过任何东西,因为我真的不知道我将如何去做这件事 CSS: *{ 字体系列:蒙特塞拉特; 保证金:0; } .菜单{ 文本对齐:居中; 颜色:白色; 宽度:100%; 高度:80px; 背景色:白色; 垫面:1%; 盒影:10px-120px 900px 117px rgba(0,89255,1); } 保险商实验室{ 颜色:黑色;

我不确定我是否能够仅使用CSS和HTML实现这一点,或者我是否需要使用Javascript,因为在研究了一段时间后,我没有找到多少关于如何实现这一点的信息

我没有尝试过任何东西,因为我真的不知道我将如何去做这件事

CSS:

*{
字体系列:蒙特塞拉特;
保证金:0;
}
.菜单{
文本对齐:居中;
颜色:白色;
宽度:100%;
高度:80px;
背景色:白色;
垫面:1%;
盒影:10px-120px 900px 117px rgba(0,89255,1);
}
保险商实验室{
颜色:黑色;
列表样式:无;
利润率最高:1%;
字体大小:20px;
}
李{
文字装饰:无;
显示:内联;
左缘:5%;
边界半径:55px;
边框颜色:#005cf;
边框样式:实心;
边框宽度:3倍;
填充:0.2%3%0.2%3%;
背景大小:200%100%;
背景图像:线性渐变(向左,#62EF62 50%,白色50%);
-webkit转换:背景位置2s;
-moz转换:背景位置2s;
过渡:2s;
}
.第一个标题:悬停{
填充:0.2%6%0.2%6%;
颜色:#005cf;
字体大小:25px;
背景位置:444.70%;
}
.第二个标题:悬停{
填充:0.2%6%0.2%6%;
颜色:#005cf;
字体大小:25px;
背景位置:3030%;
}
.第三个标题:悬停{
填充:0.2%6%0.2%6%;
颜色:#005cf;
字体大小:25px;
背景位置:3320%;
}
.粘的{
位置:固定;
排名:0;
宽度:100%
}
.标志{
浮动:左;
利润率最高:1%;
左边距:20px;
宽度:200px;
高度:64px;
过渡:2s;
}
.徽标:悬停{
宽度:260px;
高度:83px;
利润率最高:0.5%;
左边距:10px;
}

  • O queéO Artigo 19
  • 波尔图 创业前景

实现这一点最兼容的方法是,在锚上创建链接,模拟单击“悬停”其他元素

举例来说:

<div id="somewhere">...</div>
...
<a id="gotoSomewhere" href="#somewhere">...</a>
...
<div onmouseover="document.getElementById('gotoSomewhere').click();">...</div>
。。。
...
...
...

实现这一点最兼容的方法是,在锚上创建链接,模拟单击“悬停”其他元素

举例来说:

<div id="somewhere">...</div>
...
<a id="gotoSomewhere" href="#somewhere">...</a>
...
<div onmouseover="document.getElementById('gotoSomewhere').click();">...</div>
。。。
...
...
...

请显示更多的代码您是否打算滚动到锚定链接悬停处的锚定点?您是否也可以显示HTML?请创建一段工作代码。谢谢你肯定必须使用javascript在悬停时执行同样的操作,如果你想滚动,它将使用clickplease show more of你的代码。你打算滚动到锚链接悬停时的锚定点吗?你也可以显示你的HTML吗?请创建一个工作代码的代码片段。谢谢你一定要使用javascript在悬停时做同样的事情,如果你想滚动,它将通过点击来实现