economicist.com如何实现他们的粘性标题? jQuery的?

时间:2010-12-05 19:55:51

标签: javascript jquery header sticky

如果你去“经济学人”网站上的一篇文章。例如:

  

http://www.economist.com/node/17629757

当您向下滚动页面超过某个点时(使用PAGEDOWN按钮或使用DOWNARROW键逐步滚动),会出现一个红色粘性标题。

那是jQuery吗?

如何实施?

4 个答案:

答案 0 :(得分:3)

The Economist使用Apture,这是一项服务,其中包括页面上的粘贴标题和一些其他功能。 (标题的ID为“aptureD”,所以我开始使用Google搜索。)如果你想要的只是那个精确的标题,你可以使用他们的服务。

答案 1 :(得分:3)

通过JavaScript添加的内容只是position:已修复。

答案 2 :(得分:1)

您可以使用Apture或制作自定义粘贴标题。请看example

答案 3 :(得分:0)

有两种方法可以实现这一目标:position:fixedposition:absolute。 第一个是非常基本的,你将无法获得任何滑动动画。第二个是你的例子中使用的。这是一个很好的tutorial demosource