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