HTML5 bookmark实现锚点特效

欢迎您访问我爱IT技术网，今天小编为你分享的电脑教程是建站经验系列之：【HTML5 bookmark实现锚点特效】，下面是详细的分享！

HTML5 bookmark实现锚点特效

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

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

　　

 

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

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

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

　　

 

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

　　预览地址：http://www.163css.net/net163/cssjs/2012/05/bookmark/index.html

以上所分享的是关于HTML5 bookmark实现锚点特效，下面是编辑为你推荐的有价值的用户互动：

　　相关问题：html5中锚点如何写？

　　答：试了，好使，你升级下firefox版本试试 >>详细

　　相关问题：html5中的a标签不再支持name属性，那锚点的效果要...

　　答：还会有其他标签支持的。html5规范真的需要很多东西配合才能实现。 >>详细

　　相关问题：javascript特效实现锚点导航并且随着浏览器的滚动...

　　答：你声明一个数组，里面是各个楼层的$("楼层").offset().top，再声明一个变量a，值为0，作为第几个楼层的标示，当滚轮滚动的时候，判断数据里面有几个值小于$(window).scrollTop()，一个小于,a就加1，然后你就知道这个时候左侧导航第几个应该亮了。 >>详细