Javascript HTML节的平滑动画

Javascript HTML节的平滑动画,javascript,jquery,html,sections,Javascript,Jquery,Html,Sections,我知道可以设置过渡到html部分的动画,使它们平滑 本网站: 使用HTML节 当您单击目录列表中的链接时,您将直接转到那里 本网站: 使用HTML节 当你们点击一个链接(页面底部的“返回顶部”)时,你们会平稳地向上过渡 我也在很多其他网站上看到过,你到底是怎么做到的 乍一看,我认为您需要jQuery,但作为一个HTML类型的人,我并不真正了解java。。。我该怎么做呢?提前感谢您的帮助:D在参考站点()中,这是通过id的hwlp完成的。例如,在锚定标记href中,我们传递在单击锚定标

我知道可以设置过渡到html部分的动画,使它们平滑

本网站:

  • 使用HTML节
  • 当您单击目录列表中的链接时,您将直接转到那里
本网站:

  • 使用HTML节
  • 当你们点击一个链接(页面底部的“返回顶部”)时,你们会平稳地向上过渡
我也在很多其他网站上看到过,你到底是怎么做到的

乍一看,我认为您需要jQuery,但作为一个HTML类型的人,我并不真正了解java。。。我该怎么做呢?提前感谢您的帮助:D

在参考站点()中,这是通过id的hwlp完成的。例如,在锚定标记href中,我们传递在单击锚定标记时页面应该滚动的元素的id。但是为了提供平滑效果,您必须使用jquery方法。还有javascript方法scrollTo()方法。如果您只想将html代码用于相同的目的,而不想使用jquery,请查看以下代码

$('body').animate({scrollTop: 222});
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<a href="#abc">Click Here</a>
<p>Hello</p>
<p>Hello</p>
<p>Hello</p>
<p>Hello</p>
<p>Hello</p>
<p>Hello</p>
<p>Hello</p>
<p>Hello</p>
<p>Hello</p>
<p>Hello</p>
<p>Hello</p>
<p>Hello</p>
<p>Hello</p>
<p>Hello</p>
<p>Hello</p>
<p>Hello</p>
<p>Hello</p>
<p>Hello</p>

   <h2 id="abc">Main Section</h2>
   <p>Hello</p>
   <p>Hello</p>
   <p>Hello</p>
   <p>Hello</p>
   <p>Hello</p>
   <p>Hello</p>
   <p>Hello</p>
   <p>Hello</p>
</body>
</html>

无标题文件
你好

你好

你好

你好

你好

你好

你好

你好

你好

你好

你好

你好

你好

你好

你好

你好

你好

你好

主要部分 你好

你好

你好

你好

你好

你好

你好

你好


只是为了澄清术语:Java≠ JavaScript≠ jQuery.Juhana的可能副本谢谢,我不知道有副本。:)我也来查一下。jQuery?纯javascript?我将如何实现这一点?