html怎么点击跳转到页面指定位置

这篇文章主要为大家展示了“html怎么点击跳转到页面指定位置”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“html怎么点击跳转到页面指定位置”这篇文章吧。

成都创新互联公司主要从事网站制作、成都网站设计、网页设计、企业做网站、公司建网站等业务。立足成都服务南丰,10年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220

最简单的一种：

设置a标签的锚点就行啦，但是有个确定链接会更改，不利于刷新

<div class="skip" id="skip">

<h3>目录</h3>

<ul>

<li>

<a href="#toc0" class="aaa">点击文字跳转</a>

<!--herf的值一定要带#号，并且要和相对应要跳转的值一致-->

</li>

</ul>

<div class="chapter" style="margin-top: 850px;">

<a name="toc0" class="aaa1">文字跳转到这里</a>

<!--这里的a标签可以用name也可以用id-->

<p>心情假心情假心情假心情假心情假心情假心情假心情假心情假心情假心情假心情假心情假

心情假心情假心情假心情假心情假心情假心情假心情假心情假心情假心情假心情假</p>

</div>

</div>

第二种方法是根据animate的方法来移动

animate（params, [duration], [easing], [callback]）

创建自定义动画，注意：所有指定的属性必须用骆驼形式，比如用marginLeft代替margin-left.

例子：

// 在一个动画中同时应用三种类型的效果

$（"#go"）。click（function（）{

$（"#block"）。animate（{

width: "90%",

height: "100%",

fontSize: "10em", //驼峰

borderWidth: 10

}, 1000 ）;

}）;

将上面的html中的a标签去掉#toc0

js代码

$（".aaa"）。click（function （） {

$（'html,body'）。animate（{

scrollTop:$（".aaa1"）。offset（）。top},{duration:500,easing:'swing'}）;

return false;

}）

以上是“html怎么点击跳转到页面指定位置”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

网站栏目：html怎么点击跳转到页面指定位置
浏览地址：https://www.cdcxhl.com/article10/ghdcdo.html

成都网站建设公司_创新互联，为您提供品牌网站制作、营销型网站建设、网站建设、全网营销推广、小程序开发、手机网站建设

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联