我有一个固定在页面顶部的 div,它包含到网站的导航。它的高度为 175 像素。当您向下滚动页面时,此 DIV 将继续显示。
当用户向下滚动页面 175px 并在向下滚动页面时保持在 90px 时,我希望这个 div 缩小到 90px 的高度。当他们向上滚动到顶部时,我希望 DIV 恢复到原来的 175px 高度。
我希望在这样做时制作动画(最好向上滑动和向下滑动),并且更喜欢使用 CSS3 来这样做......
这是我到目前为止所拥有的一个小提琴,但因为我是一个查询菜鸟,不知道该怎么做...... http://jsfiddle.net/bnsUB/
编辑: 我忘了提到我在这个 DIV 中也有内容,需要在容器向上/向下滑动时调整其填充等。因此,如果这些填充值也可以缩小/增长,那将是一个额外的好处