我正在使用 Snap.js 插件 -(它允许您创建滚动侧抽屉/面板)。
它的工作原理是创建 3 个绝对定位的 div,其中一个包含主要内容。
当 div 本身位于绝对定位的 div 中时,有没有办法将它固定到窗口的顶部。
目前我只是让固定的 div 固定到绝对定位的 div 的顶部,而不是固定到浏览器的顶部。当我滚动时,div 仍然固定在主要内容的顶部,而不是窗口。
例如:
<div style="position:absolute;">
<div style="position:fixed;top:0">
<!-- some content which needs to be pinned to top of window -->
</div>
</div>
目前我正在使用 javascript 来跟踪滚动偏移并手动调整子 div 的顶部位置,这对于性能来说并不理想。
感谢任何帮助!
最佳答案
我制作了一个 fiddle 来展示我的 javascript 解决方法 - 在 Internet Explorer 中滚动时它会抖动,任何想法。
<div id="displayed-content" class="snap-content scrollable">
<div><!-- regular content --></div>
<div><!-- fixed content --></div>
<div><!-- footer content --></div>
</div>
关于javascript - 在绝对定位的 div 中需要一个固定定位的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17015159/