0

我知道可以对过渡到 html 部分进行动画处理，以使它们平滑。

本网站： http ://en.wikipedia.org/wiki/Dobroslav_Jevdevic

  • 使用 HTML 部分。
  • 当您单击内容列表中的链接时，您会直接进入那里。

本网站： http ://whatbrowser.org

  • 使用 HTML 部分。
  • 当您单击一个链接（页面底部的“返回顶部”）时，您会顺利过渡。

我在很多其他网站上也看到过这个，你是怎么做到的？

乍一看，我认为您需要 jQuery，但作为一个 HTML 类型的人，我并没有真正涉足 Java……我该怎么做呢？在此先感谢您的帮助：D

4

2 回答 2

0 
$('body').animate({scrollTop: 222});
于 2013-03-09T14:00:47.823 回答
0

在参考站点（http://en.wikipedia.org/wiki/Dobroslav_Jevdevic）中，这是通过 id 的 hwlp 完成的。例如<a href="#abc">Click Here</a>，在锚标签href中，我们传递了点击锚标签时页面应该滚动的元素的id。但是为了提供平滑的效果，你必须使用jquery方法。还有你可以使用的javascript方法scrollTo()方法。如果您只想将 html 代码用于相同目的而不是 jquery，然后查看此代码

    <!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>
于 2013-03-09T15:47:39.003 回答