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

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

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

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

是jQuery吗?

这是如何实现的?

通过JavaScript添加的内容只是位置 :固定。

经济学人使用Apture ,这是一项服务,其中包括页面上的粘性标题和一些其他function。 (标题的ID为“aptureD”,所以我开始谷歌搜索。)如果你想要的只是那个精确的标题,你可以使用他们的服务。

您可以使用Apture或制作自定义粘贴标题。 看一下例子 。

有两种方法可以实现: position:fixedposition:absolute 。 第一个是非常基本的,你将无法获得任何滑动动画。 第二个是你的例子中使用的。 这是一个包含演示和源代码的好教程 。