html - 单击 <a> 时的过渡

标签 html css

我知道这个标题不好,但我无法用短短的一句话把所有的故事都说完。对此感到抱歉。
我创建了一个 TERMS 页面(如何使用网站和内容),并为页面上的所有部分添加了一个小菜单(例如贡献、法律内容、用户尊重等等)。
所以我做了这样的事情:

<li> <a href="#contribute">CONTRIBUTE</a> </li>

--stuff--stuff--stuff--stuff--stuff--stuff
--stuff--stuff--stuff--stuff--stuff--stuff
--stuff--stuff--stuff--stuff--stuff--stuff
--stuff--stuff--stuff--stuff--stuff--stuff

<a name="contribute"></a>

--stuff--stuff--stuff--stuff--stuff--stuff
--stuff--stuff--stuff--stuff--stuff--stuff
--stuff--stuff--stuff--stuff--stuff--stuff
--stuff--stuff--stuff--stuff--stuff--stuff

我希望当您单击CONTRIBUTE 链接时,会出现类似WEEBLY 的转换。做了(点击第一部分的底部)。

最佳答案

您应该在'name' 属性的地方使用'id' 属性。如下:

<li> <a href="#contribute">CONTRIBUTE</a> </li>

<p>--stuff--stuff--stuff--stuff--stuff--stuff
--stuff--stuff--stuff--stuff--stuff--stuff
--stuff--stuff--stuff--stuff--stuff--stuff
--stuff--stuff--stuff--stuff--stuff--stuff</p>

<a id="contribute"></a>

<p>--stuff--stuff--stuff--stuff--stuff--stuff
--stuff--stuff--stuff--stuff--stuff--stuff
--stuff--stuff--stuff--stuff--stuff--stuff
--stuff--stuff--stuff--stuff--stuff--stuff</p>

关于html - 单击 <a> 时的过渡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22712412/

相关文章:

javascript - Bootstrap 选择器样式不起作用

html - 放大 :Hover 上的图像

jquery - 改变 HTML5 <video> 标签的视角

javascript - 导航下拉菜单在 IE 中不起作用

java - 无法将空值分配给原始类型错误(Spring/Hibernate)

javascript - 如何防止 CSS 背景中的切片图像相互重叠?

html - 使用 CSS 进行复杂的表格布局

Jquery 不使用动态创建的表

php - CSS Sprites - 如何隐藏图像的平衡部分

在我执行另一个脚本之前,jQuery 一直有效吗?