【问题标题】:Fixed the div within the parent div [closed]修复了父 div 中的 div [关闭]
【发布时间】:2015-01-09 19:01:11
【问题描述】:

我是新手。我想在他们的父母中固定 div 的位置。如果父 div 滚动结束,子 div 也随着父 div 滚动。例如see this page
在该页面中,类别 div 固定在其父 div 中。滚动页面到达父 div 结束后,子 div 也随之滚动。如何创建这样的。

【问题讨论】:

  • 您尝试过什么吗?先做一些研究...
  • 你能把你目前的代码贴出来吗?
  • 我为那个 div 尝试了position : fixed,但它在滚动时与页眉和页脚重叠

标签: javascript jquery html css twitter-bootstrap


【解决方案1】:

使用 div 的偏移值并在滚动条大于 offset.top 值时编写一个 window.scroll 函数,将类添加到它以固定您想要的 div

谢谢

     jQuery(window).scroll(function () { 

            st = jQuery(window).scrollTop();
            var offVAlueCapabilities = jQuery("#footer").offset().top;
            if(st > offVAlueCapabilities-200 ){
                jQuery("#footer .container").addClass("show-footer");
            }
            var coverPos = jQuery("#landing-header").offset().top;
            if(st > coverPos ){
                jQuery(".header-holder").addClass("Header-Fixed");
            }else{
                jQuery(".header-holder").removeClass("Header-Fixed");
            }


        });

【讨论】:

  • 你有示例代码吗?
  • 编辑我的答案,以此代码为例
  • 好的,谢谢。我会检查并报告给你。
  • 我试过了,但它不起作用。 see this page,我在 plunker 中尝试过。我希望我的代码不正确。请重新更正我的代码。
猜你喜欢
  • 2013-09-22
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-03-23
  • 2014-12-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多