【问题标题】:Need help sticking div to top after scrolling past it [duplicate]滚动过去后需要帮助将 div 粘贴到顶部 [重复]
【发布时间】:2014-12-25 18:54:51
【问题描述】:

我做了一个说明我正在尝试做的事情:http://i.imgur.com/aOAl6PN.png

这就是我想要做的:

  • 滚动过去“#Header”后,将“#Stick to Top”粘贴到页面顶部。
  • 隐藏 '#Stick to Top' 直到滚动超过 '#Header'。向上滚动到“#Header”时再次隐藏。

我怎样才能做到这一点?

【问题讨论】:

  • 您可以使用 jquery-visible 插件来测试标题是否部分可见,然后适当调整样式:jsfiddle.net/xyy4pdca

标签: jquery html css header navigation


【解决方案1】:

我有一个类似的问题,我希望标题保持锁定在屏幕顶部。尝试以下(未经测试的)代码。

    if($(window).scrollTop() > Height_of_Header){
        //begin to scroll
        $("#div").show();
        $("#div").css("position","fixed");
        $("#div").css("top",0);
    }
    else{
        //hide
        $("#div").hide();
    }

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多