Javascript 修复了父div中的div

我是新手。我想在他们的父对象中固定div位置。如果父div滚动结束，则子div也会与父div一起滚动。例如。

---

在该页面中，父div中固定了一个category div。当到达父div末尾时，滚动页面后，子div也会随之滚动。如何创建这样的函数。

使用div的偏移值，并在滚动条大于offset时编写window.scroll函数。top value向其添加类修复了所需的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");
            }


        });

---

你尝试过什么吗？首先做一些研究…你能发布你到目前为止的代码吗，或者一把小提琴？我尝试了

position:fixed

，但是它在滚动时重叠了页眉和页脚。你有这个示例代码吗。编辑我的答案用这个代码作为示例OK谢谢。我会检查并向你报告。我试过了，但不起作用，我在普朗克受审。我希望我的代码不正确。请重新更正我的代码。