economicist.com如何实现他们的粘性标题? jQuery的?
如果你去“经济学人”网站上的一篇文章。 例如:
http://www.economist.com/node/17629757
向下滚动页面超过某个点(使用PAGEDOWN按钮或使用DOWNARROW键逐步滚动)时,会出现一个红色粘性标题。
是jQuery吗?
这是如何实现的?
通过JavaScript添加的内容只是位置 :固定。
经济学人使用Apture ,这是一项服务,其中包括页面上的粘性标题和一些其他function。 (标题的ID为“aptureD”,所以我开始谷歌搜索。)如果你想要的只是那个精确的标题,你可以使用他们的服务。
您可以使用Apture或制作自定义粘贴标题。 看一下例子 。
有两种方法可以实现: position:fixed
和position:absolute
。 第一个是非常基本的,你将无法获得任何滑动动画。 第二个是你的例子中使用的。 这是一个包含演示和源代码的好教程 。