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

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

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

最简单的一种:

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

第二种方法是根据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怎么点击跳转到页面指定位置
标题来源:http://bzwzjz.com/article/ghdcdo.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 手机网站建设 手机网站制作 企业网站建设公司 重庆网站制作 网站制作公司 成都网站建设公司 成都网站设计 H5网站制作 重庆企业网站建设 成都网站制作 成都企业网站建设公司 温江网站设计 成都网站建设 手机网站设计 盐亭网站设计 网站制作 成都网站制作 响应式网站设计方案 成都网站制作 品牌网站建设 网站建设 定制网站建设