滚动位置绝对导航问题的全高程

好吧，我看到了几个类似问题的例子，但似乎没有回答我当前的具体问题。我正在尝试做的是，侧导航使用100％的高度。我已经尝试过使用高度，浮点数和位置进行多次尝试，但它似乎仍然只是在加载时填充呈现的视口。我如何才能让它可靠地拉伸所有内容的全部高度？你会看到我的意思，如果你只是在下面的例子中向下滚动。滚动位置绝对导航问题的全高程

例子：Codepen

我已经尝试了一些东西喜欢;

position:absolute; 
left:0;top:0;bottom:0;

。

float: left;

。

height: 100%

当我经过踢的灰尘我的网络技能的过程中，我偶尔会自愧不如这样。所以如果有一个确切的重复，我没有发现只是让我知道，我会解决这个问题。谢谢！

来源

2016-02-26 Chris W.

因此，对于任何未来的读者。如果你正在使用sass/gulp，那么一定要确保gulp确实正在运行watch，然后再浪费你的挫折感，为什么没有任何东西可以工作。在这种情况下，它冻结，甚至没有看。只要我重新加载并建立新鲜，它按预期工作。 –

您是否尝试过用一个固定的？我试过了，导航栏增长了。

或者，如果你可以使用200％或300％，可能适合你需要什么

来源

2016-02-26 17:51:33 KayGee

是的，我做了，但后来我终于明白，git bash已经冻结了，并且吞咽显然没有看完整个该死的时间......所以一旦我重新加载了一些并且新鲜的建筑物，它就没有问题。真的面对掌心时刻。谢谢！ –

您可以使用jQuery来获取页面的高度，然后将导航设置页面的高度：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"> 

<script> 

$(function(){ 

var height = $(window).height(); 
$("#nifty-sidenav").height(height+"px"); 

}); 

</script>

来源

2016-02-26 17:45:58 frosty

给予的位置是：相对于父

在这种情况下：

body { 
    position:relative; 
}

来源

2016-02-26 17:52:27 Karbonik

滚动位置绝对导航问题的全高程

回答

相关问题