0

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

我的网站可以在这里看到。（不适用于 800 像素以下的屏幕）

我需要项目侧边栏保持固定，直到围绕它的包装结束并开始新的部分。这是我尝试实现的目标的说明

我一直在使用 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 像素）但我需要一个代码，无论包装 div 的高度是 100 还是 1000 像素，并且最好基于基本类结构而不是特定 div，因为它是现在。

4

0 回答 0