[请教] 有谁知道 https://selfstore.io 中随便点一个链接后、窗口顶部会有一个红色进度条出现、然后再跳转页面的效果是如何实现的？
hustlzp · 2015 年 4 月 20 日 · 6144 次点击这是一个创建于 3936 天前的主题，其中的信息可能已经有所发展或是发生改变。
 |
1
moliliang 2015 年 4 月 20 日  1
turbolinks
|
 |
2
no13bus 2015 年 4 月 20 日 2
|
|
3
no13bus 2015 年 4 月 20 日
|
 |
4
thcode 2015 年 4 月 20 日 1
http://instantclick.io/
你可以参考一下这个代码中的 progress bar |
 |
5
chloerei 2015 年 4 月 20 日 3
现在用的是 Turbolinks 自带的进度条，Turbolinks 是 Rails 框架默认的组件。
非 Turbolinks 应用可以看这个 https://github.com/rstacruz/nprogress/ ，要注意只有在 AJAX 更新的时候才有作用。 |
 |
6
faceair 2015 年 4 月 20 日 1
nprogress
|
 |
8
cj941030 2015 年 4 月 20 日 1
|
 |
9
icyflash 2015 年 4 月 20 日 via Android 1
nprogress + pjax
|
 |
10
oott123 2015 年 4 月 20 日 1
其实你可以考虑一下 InstantClick ……
|
 |
11
daben1990 2015 年 4 月 20 日
效果真的不错，打算下次页面用下
|
 |
12
r00tt 2015 年 4 月 20 日 via Android 1
有个gem nprogress.
|
 |
13
jingwentian 2015 年 4 月 20 日 1
|
 |
14
lincanbin 2015 年 4 月 20 日 via Android
pjax加个进度条。
实际上就是Ajax并在回调后修改地址栏和历史记录。 理解了这一点，做进度条就非常容易了。 |
 |
15
ChiangDi 2015 年 4 月 20 日
但是我感觉这个进度条是纯骗人的，连不上的时候它也会慢慢的前进。
|
 |
16
0x142857 2015 年 4 月 20 日
pace
pace pace |
 |
17
virusdefender 2015 年 4 月 20 日 1
amazeui就有这个工具 http://amazeui.org/javascript/nprogress
|
 |
19
hustlzp OP @virusdefender wow, cool!
|
 |
21
dallaslu 2015 年 4 月 21 日
是 pjax 嘛？
|
 |
22
endoffight 2015 年 4 月 21 日 via Android
油管也有这种效果
|
 |
23
SharkIng 2015 年 4 月 21 日
搭车问下PHP里面（如CI，Laravel框架）有没有类似的组件？
|
 |
24
cxe2v 2015 年 4 月 21 日
淘宝不就是换上了这个效果么？
|
 |
26
SmiteChow 2015 年 4 月 21 日
pjax
|
 |
27
jyz19880823 2015 年 4 月 21 日
最早是 youtube, 然后是 ruby-china
|
Select Language