PhoneGap中文网

 找回密码
 立即注册
查看: 41022|回复: 7
打印 上一主题 下一主题

HTML5 动态滑动锚点特效_bookmark实现锚点特效

[复制链接]

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
跳转到指定楼层
楼主
发表于 2013-8-13 18:00:39 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式
记得我第一次使用锚点是在我刚用DW的时候,那个时候,在dw里用视图把锚点接上点击,页面就会接到你要位置,感觉真是神奇。然而技术发展到今天,在HTML5的时候,我们需要很舒服的切换,以前的一点就达到目的地效果,我们已经不满足了,我们要实现动态的锚点特效


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



从上面的代码中,我们可以看到,id仍然是要的。。。只不过,以前在锚点里我们采用#号,今天换成了crollTo,上面的按钮一点,页面就会像滚动条一样滚动到你定位的DIV,感觉上非常舒服。。。
关于这个代码的应用,我们还需要注意,我们得把导航定位在浏览器的顶端,不然,用户定位到了下面,还得通过滚动条返回,显得不友好。。。


实现效果:






phonegap_bookmark.zip (336.81 KB, 下载次数: 157)

it营
回复

使用道具 举报

23

主题

141

帖子

260

积分

中级会员

Rank: 3Rank: 3

积分
260
沙发
发表于 2013-9-27 15:57:50 | 只看该作者
有竞争才有进步嘛
it营
回复 支持 反对

使用道具 举报

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
板凳
 楼主| 发表于 2013-9-29 00:06:39 | 只看该作者
没看完~~~~~~ 先顶,好同志
回复 支持 反对

使用道具 举报

23

主题

141

帖子

260

积分

中级会员

Rank: 3Rank: 3

积分
260
地板
发表于 2013-9-30 07:57:37 | 只看该作者
有道理。。。
回复 支持 反对

使用道具 举报

23

主题

141

帖子

260

积分

中级会员

Rank: 3Rank: 3

积分
260
5#
发表于 2013-10-1 05:03:24 | 只看该作者
学习了,谢谢分享、、、
回复 支持 反对

使用道具 举报

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
6#
 楼主| 发表于 2013-10-1 17:25:57 | 只看该作者
我抢、我抢、我抢沙发~
回复 支持 反对

使用道具 举报

0

主题

59

帖子

61

积分

注册会员

Rank: 2

积分
61
7#
发表于 2013-10-2 02:47:05 | 只看该作者
这是东东好,支持一下 感谢楼主 好资源收藏了
回复 支持 反对

使用道具 举报

3

主题

4

帖子

13

积分

新手上路

Rank: 1

积分
13
8#
发表于 2016-6-16 13:38:18 | 只看该作者
bookmarkscroll 是一个连接,还是一段代码,还是固定就这么写的啊
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-11-5 22:47 , Processed in 0.066433 second(s), 39 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表