Question

当向下滚动时，如何在粘性导航中制作较小的徽标图标。

我正在寻找与此网页http://bungobox.com/完全相同的内容。

我得到了如何修复它的部分，但除此之外我似乎无法找到方法。

非常感谢您的回答。

Answer 1

我为你做了一个基本的例子，

检查：http://jsfiddle.net/mehmetakifalp/pt4vB/

$(window).scroll(function(){
    $(".headLogo").css("height","60px");
    $(".headLogo").css("background","#ff0000");
    $(".headLogo").css("position","fixed");
});

这样的逻辑：

当向下滚动窗口时，找到类并编辑一些Css属性 -

如果你可以计算滚动位置，你可以管理CSS。例如，当滚动位置== 0时，删除旧的css属性。

此外，请检查此页面; 1- jQuery - Sticky header that shrinks when scrolling down 2- http://jquery-plugins.net/tag/sticky-scroll 3- http://jsfiddle.net/HbVte/1/embedded/result/

你的谷歌dork：“粘贴标题”

jQuery-标题从标题进入向下滚动时粘贴导航栏

1 个答案: