Question

我有一组bootstrap nav-tabs，这些选项卡里面有很长的信息部分。问题是我们的团队不希望在这么长的选项卡上包含所有这些信息，因此我们使tabs容器元素具有overflow：scroll属性。这很好用，但现在我们遇到了一个不可思议的长内联滚动部分，它需要一个很好的30-40鼠标滚动到底部。这将失去我们的网站流量。

我知道作为固定位置的定义是相对于浏览器窗口固定的，但是我需要一种方法来使用父div中的bootstrap scrollspy nav-list菜单而不能让它横向移动到外面那个div。因此我们需要它与class =“fixed-to-top”属性的工作方式相同，这是一个可操作的导航菜单，但无论我们尝试什么，似乎固定定位总是恢复为相对于broswer。 / p>

我们可以做我们想做的事吗？

Answer 1

下面的代码不是一个完整的实现，但我希望它能让您了解如何完成它。即如果固定div超出其父/容器，则更改position属性。

var $nlm = $('#navListMenu');
$(window).bind('scroll', function(){
    if($nlm.offset().top < $nlm.parent().offset().top)
        $nlm.css({ position:'absolute', top:0 });
    else 
        $nlm.css({ position:'fixed'});
}

如何将div固定在另一个div中？

1 个答案: