是否有任何技巧可以通过css或javascript冻结相对于容器的html元素

Question

我在最后一天对这个主题进行了研究，但我还没有找到任何解决方案。我严重陷入了我的项目。请有人帮帮我。

我的相关搜索是Can I position an element fixed relative to parent?。

但这无法满足我的意愿。

Answer 1

我为此做了JSFiddle。

你想要具体的是父亲in.hasNext()和你要定位的子元素position:relative;。

（然后设置子元素的位置）

修改

使用jQuery UI .position（）

的新JSFiddle

HTML

position:absolute;

的JavaScript

<div class="anchor">
    <div class="content">
    </div>
    <button class="fixed-button">Fixed position button</button>
</div>

编辑2

我刚刚意识到这可以通过CSS完成，因为我们现在有了＃34;锚点＃34;围绕内容和按钮。看到这个新的（希望）最终JSFiddle

CSS

$(function(){
    $(".fixed-button").each(function(arg, el){
        $(el).position({
            of:  $(el).closest(".anchor")[0],
            my:  "left top",
            at:  "left+500 top+10"
        });
    });
});