页面滚动时的固定标题转换 [英] Fixed Header Transformation When Page is Scrolled

问题描述

我不能为我的生活的数字这出来。有谁知道这个滚动效果是如何在这个网站上创建的？ - http://blindbarber.com/news

I can't for the life of my figure this out. Does anyone know how this scrolling effect is created on this website? - http://blindbarber.com/news

提前感谢。

推荐答案

标题位于css position：fixed 标题css - position：fixed 从头开始或将其更改为 position：fixed 页面..并将标题更新为您要在滚动时保留的内容。

The header stays on top with the css position:fixed .. either you can set the header css -- position:fixed right from the start or change it to position:fixed once he starts scrolling the page.. and update the header to the contents you want to keep as he scrolls..

查看您提供的链接 - 我模仿了类似的行为

Looking at the link you've provided -- i've mimiced a similar behaviour

http://jsfiddle.net/68eXM/3/

这篇关于页面滚动时的固定标题转换的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！