18143453325 在线咨询 在线咨询
18143453325 在线咨询
所在位置: 首页 > 营销资讯 > 建站知识 > HTML5 bookmark实现锚点特效

HTML5 bookmark实现锚点特效

时间:2023-03-03 17:57:01 | 来源:建站知识

时间:2023-03-03 17:57:01 来源:建站知识

HTML5 bookmark实现锚点特效:

记得我第一次使用锚点是在我刚用DW的时候,那个时候,在dw里用视图把锚点接上点击,页面就会接到你要位置,感觉真是神奇。然而技术发展到今天,在HTML5的时候,我们需要很舒服的切换,以前的一点就达到目的地效果,我们已经不满足了。

那么,我们需要提供一个脚本,这个脚本bookmarkscroll,从名字上,我们可以确定一件事,这东西像滚动条,的确,它实现的效果就是像滚动条一样。脚本大家兴趣下载研究。我们重点说下,它如何使用。

 

从上面的代码中,我们可以看到,id仍然是要的。只不过,以前在锚点里我们采用#号,今天换成了crollTo,上面的按钮一点,页面就会像滚动条一样滚动到你定位的DIV,感觉上非常舒服。。。

关于这个代码的应用,我们还需要注意,我们得把导航定位在浏览器的顶端,不然,用户定位到了下面,还得通过滚动条返回,显得不友好。

以下是我制作的效果截图:

 

以下我提供源文件,欢迎有需要的朋友下载使用:

预览地址:

关键词:实现

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭