页面发送信息01在网易搜寻里输出qq内部空间,找出官方网站步入。 02步入后,若是笔记本电脑发送信息有qq,会自动检测,弹出方便快捷发送信息,点选两个要发送信息的qq。 ......
2023-10-24 167
有两个页面(a.html,b.html),且a页面包含b页面的链接,点击a页面链接跳转到b页面的功能对任何一个WEB开发者来说都很容易,但如何实现跳转到b页面的特定位置呢,甚至是平滑滚动实现?本文即介绍此功能的实现过程,希望对大家有所帮助。
新建a.html,b.html文件(此步骤需要了解html,css ,js的基础知识),详见下图:
注意a.html文件中跳转链接的填写
在b.html文件中引入jquery文件,需要注意原生javascript和JQuery的区别,本文采用JQuery的形式。
具体js内容的编写,简单的a链接完全可以实现跳转,但是跳转显得太突兀,使用js目的有两个:
(1)跳转到b.html的特定位置;
(2)在跳转过程中浏览器滚动条平滑滚动
$(function() {
var thisId = window.location.hash;
var mao = $("#honor"); //获得锚点
if (thisId == "#honor") {//判断对象是否存在
var pos = mao.offset().top;
$("html,body").animate({ scrollTop: pos}, 3000);
}
});
b.html文件中瞄点位置的书写:
为了加深了解,针对步骤4中关键js内容的进一步说明:
使用浏览器打来a.html,点击链接查看效果
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
相关文章
页面发送信息01在网易搜寻里输出qq内部空间,找出官方网站步入。 02步入后,若是笔记本电脑发送信息有qq,会自动检测,弹出方便快捷发送信息,点选两个要发送信息的qq。 ......
2023-10-24 167
很多讨厌ACG的小伙伴们大体上单厢采用P站,不过有天数是P站会难以恒定登入,这时如果什么样是好呢?接下去他们一起来看一看如果什么样登入Pixiv站操作方式01具体来说他们须......
2023-10-24 149
随著北欧国家中国经济和信息技术的产业发展,天数就显得至关重要以是当他们在QQ应用程序里看某一页面时我甘心优先选择听而并非去看那你晓得什么样才能在QQ应用程序迈入......
2023-10-24 149