问粘性div固定位置

EN

这个.left-col{ height:500px;}能解决你的问题吗？

参见this fiddle。

三个关键提示：

与菜单内容(名为"left-col-top").

• "left-col-top“)不同，位置索引将"left-footer”放在不同的父级中(称为“menu.

• "left-footer”："position:absolute."

“)，”：

1. “应为”z-
2. ：1“，并且最小高度应高于菜单内容的最小高度

看一下屏幕1.1，如果在黄色框中有第11个列表，它肯定会在绿色框后面。(还可以考虑浏览器中的工具栏/菜单栏)。在屏幕高度较小的情况下，您可能必须使用类似“更多链接>”的内容。

Screen1.2及以上:如果jQuery是一个选项，您可以使用scrollTop函数。最初，让绿色框固定位置:固定，并从底部开始一些边距为负数。然后，当用户滚动到特定数量(如屏幕1.2所示)时，尝试以下jQuery代码：

var yellowBoxHeight = $("div.yellow-box").height();
$document.scroll(function() {
  if ($document.scrollTop() >= yellowBoxHeight - 100) {
    // If user has scrolled some amount, eg. 100 pixels of yellow box is still visible
    // make the green box animate & let it come upwards
  } else {
   // put the green-box back with some negative margin into the bottom
  }
});