Javascript I'；我很难将一个元素固定下来并留在其中'；当前位置

我有一个元素，它需要保持固定在最后一个已知的位置，直到满足某些条件

最初，这个元素是静态的，直到我滚动过某个点，然后它变为固定的，直到某个点，在这一点上，我希望它保持在原来的位置，直到我再次滚动回来

现在我已经准备好了所有这些触发器，但是我无法让元素保持固定到它最后一个已知的位置

以下是我的工作内容：

        var imgCon = $('#imageContent');
        var txtCon = $('#textContent');
        var offset = txtCon.offset();
        var txtCon = offset.top - 60;
        var el = document.getElementById('imageContent');
        var loc = dw_getPageOffsets(el);
        var el2 = document.getElementById('textContent');
        var loc2 = dw_getPageOffsets(el2);
        var locy = loc.y + $('#firstImage').height();
        var locyb = loc2.y + $('#textContent').height();
        var contentWth = $('#postContent').width();
        var number = contentWth * 0.35;
        if ($(this).scrollTop() >= txtCon && locy <= locyb && $(this).scrollTop() + $('#firstImage').height() + 60 <= locyb) {
            imgCon.addClass('fixed');
            imgCon.removeClass('floatImage');
            imgCon.css('width',number);
            $(window).resize(_.debounce(function(){
                $('#imageContent').css('width',number);
            },10));
        } else {
            imgCon.removeClass('fixed');
            imgCon.addClass('floatImage');
        }

var imgCon=$（'#imageContent'）；
var txtCon=$（'#textContent'）；
var offset=txtCon.offset（）；
var txtCon=offset.top-60；
var el=document.getElementById（'imageContent'）；
var loc=dw_GetPageOffset（el）；
var el2=document.getElementById（'textContent'）；
var loc2=dw_GetPageOffset（el2）；
var locy=loc.y+$（'#firstImage'）.height（）；
var locyb=loc2.y+$（'#textContent'）.height（）；
var contentWth=$（'#postContent'）.width（）；
var编号=含量*0.35；
if（$（this）.scrollTop（）>=txtCon&&locy不确定你在干什么，但这看起来像是CSS中的
位置：fixed
可以解决的问题。@UzumakiDev检查一下。我还没有得到你想要的东西的完整图表，但希望这能帮到你。如果不是更清楚的话briefly@UzumakiDev当前位置我不确定我们在小提琴上看到的是相同的行为然后。在这里，它看起来就像红色框始终是固定的。它们不会消失，也不会停止或移动，或者其他任何东西。它们只是停留在那里。编辑：也许你可以告诉我们你在哪个浏览器中测试…我想你不想为此而使用
静态的
。让我看看我是否能找到答案。：）如果你在学习，你想自己创造这个-太棒了！如果你真的不需要重新发明轮子，看看这个插件