Question

我一直试图在它的包装div中制作一个固定的元素，但是即使我已经尝试了我在这里找到的所有例子，也无法使它工作。

我的网站can be seen here。（不适用于800px以下的屏幕）

我需要项目侧边栏保持固定，直到它周围的包装结束并开始新的部分。 Here is an illustration of what I try to achieve

我一直在使用ScrollToFixed - 插件并尝试了我在stackoverflow上找到的大部分示例。我的基本结构如下：

<section class="projects" id="nobelbopel">
    <div class="description" id="#nobelbopel-desc"></div>
    <div class="projectimages"></div>
</section>

<section class="projects" id="ujevnt">
    <div class="description" id"#ujevnt-desc"></div>
    <div class="projectimages"></div>
</section>

我希望.description停在浏览器顶部的顶部，但不要在它的包装div（.projects）之外。包装div的高度（.projects）也是变化的，我认为这是我的主要问题..

我已尝试使用此代码，但它只能部分运行：

$('#nobelbopel-desc').scrollToFixed( { 
marginTop: 154, 
limit: $('#ujevnt').offset().top 
- $('#nobelbopel-desc').height() - 154 } );

$('#ujevnt-desc').scrollToFixed( { 
marginTop: 154, 
limit: $('#bygdalarm').offset().top 
- $('#ujevnt-desc').height() } );

和此：

$('#nobelbopel-desc').scrollToFixed({
marginTop: 154,
limit: $('#ujevnt').offset().top - 154
});

从代码中我可以看到它从顶部154 px）但我需要一个代码，无论包装div的高度是100还是1000px，最好是基于基本的类结构，而不是现在的特定div。

多个固定元素只在它的包装div内

0 个答案: