• 请不要在回答技术问题时复制粘贴 AI 生成的内容
[请教] 有谁知道 https://selfstore.io 中随便点一个链接后、窗口顶部会有一个红色进度条出现、然后再跳转页面的效果是如何实现的？
hustlzp · Apr 20, 2015 · 6854 viewsThis topic created in 4227 days ago, the information mentioned may be changed or developed.
 |
1
turbolinks
|
1 |
2
|
|
no13busApr 20, 2015
3
|
 |
4
http://instantclick.io/
你可以参考一下这个代码中的 progress bar |
 |
5
现在用的是 Turbolinks 自带的进度条，Turbolinks 是 Rails 框架默认的组件。
非 Turbolinks 应用可以看这个 https://github.com/rstacruz/nprogress/ ，要注意只有在 AJAX 更新的时候才有作用。 |
 |
6
nprogress
|
 |
9
nprogress + pjax
|
 |
10
其实你可以考虑一下 InstantClick ……
|
 |
daben1990Apr 20, 2015
11
效果真的不错，打算下次页面用下
|
 |
12
有个gem nprogress.
|
 |
13
|
 |
lincanbinApr 20, 2015 via Android
14
pjax加个进度条。
实际上就是Ajax并在回调后修改地址栏和历史记录。 理解了这一点，做进度条就非常容易了。 |
 |
ChiangDiApr 20, 2015
15
但是我感觉这个进度条是纯骗人的，连不上的时候它也会慢慢的前进。
|
 |
0x142857Apr 20, 2015
16
pace
pace pace |
 |
17
amazeui就有这个工具 http://amazeui.org/javascript/nprogress
|
 |
19
@virusdefender wow, cool!
|
 |
dallasluApr 21, 2015
21
是 pjax 嘛？
|
 |
endoffightApr 21, 2015 via Android
22
油管也有这种效果
|
 |
SharkIngApr 21, 2015
23
搭车问下PHP里面（如CI，Laravel框架）有没有类似的组件？
|
 |
cxe2vApr 21, 2015
24
淘宝不就是换上了这个效果么？
|
 |
SmiteChowApr 21, 2015
26
pjax
|
 |
jyz19880823Apr 21, 2015
27
最早是 youtube, 然后是 ruby-china
|
Select Language