当访问者从顶部窗口位置滚动超过 20 像素时,标题的大小应该会缩小(连同它的内容一起)。当访问者滚动回顶部(或<20px)时,标题应该回到原来的大小(自动)。
标题(和内容)缩小得很好。甚至 img 的大小也会正确更改。但是,标头大小不会改变。这就像 if{ } 条件的标头大小会覆盖其他所有内容。
我只想制作一个简单的固定标题栏,一旦你向下滚动页面,它就会缩小(最小化),如果你回到顶部,它会翻转回原来的大小。
我会很感激任何帮助!非常感谢!
你会考虑使用 CSS 来设置标题的小状态吗?当scrollTop
大于 20px 时,添加小状态类,当它小于 20px 时,将其删除。
演示:http: //jsfiddle.net/NphFw/23/
关于您的问题,我不确定 jQuery 是否可以为动态值设置动画,例如auto
甚至inherit
。