jquery - 定位固定侧边栏，溢出滚动不滚动到底部

Question

我正在尝试通过单击 Load More 按钮实现带有动态加载项的固定侧边栏。

我将类 fixed 附加到父侧边栏 div 并将 innerscroll 附加到内部 div 以使其可滚动。

.fixed{position:fixed;top:0; bottom:0}
.innerscroll{overflow-y:scroll;height:100%}

侧边栏代码

<div id="sidebar" class="sticky">
 <div class="cat-select"><select>
...
</select></div>
  <div class="item">
<section id="ajax-load-more">
... ajax content...
</section>      
  </div>
</div>

无法弄清楚为什么在加载下一组帖子后我无法滚动到末尾以便加载更多按钮可见。

Answer 1

好的，我知道了。只需在您的 .fixed 类中添加两行:

.fixed {
   position: fixed;
   top: 0;
   bottom: 45px; /* added */
   min-height: 0 !important; /* added */
}

这将完全按照您的预期工作。祝你好运!