Tag: 收缩

通过scrollTop值缩小标题高度

Howdey！ 简单问题：我有一个固定的标题，高度根据window scrollTop -value缩小到其高度的一半。 到目前为止我所拥有的： HTML CSS body{padding-top:200%} /* not really needed */ #header { position:fixed; top:0; left:0; right:0; height:200px; color:#eee; background:#222 } #header img {height:100%; width:auto} JS var header = $(‘#header’), headerH = header.height(); $(window).scroll(function() { if ($(this).scrollTop() <= headerH / 2) { header.css({ height: -($(this).scrollTop() – headerH) }); } }).scroll(); 这是一个小提琴 。 到目前为止运作良好。 […]

如何在向下滚动时缩小导航菜单？

对于我正在开发的新网站，我希望在用户向下滚动时缩小导航菜单。 类似于您在IBM站点上看到的内容： http ： //www.ibm.com/us/en/ 我找不到任何jQuery实现或教程（我确信我必须搜索错误的关键字） 因此，如果有人能指出我正确的方向，那将会让我非常开心。 提前致谢！