Question

我正在使用Bootstrap开发布局，但我在布局方面遇到了问题。

我的网站将基于标签，但是我无法将具有所有权高度的滚动条的部分留下：100％，并且正在通过屏幕限制。

有人可以帮助我，我失踪了吗？我在jsFiddle中离开了这个项目。请注意通过屏幕限制的滚动条..

Link

https://jsfiddle.net/e5bLr5xd/1/

Answer 1

将content元素的高度更改为小于100％的值会阻止滚动条通过屏幕限制，但在不同的窗口大小下，它并不总是与页面底部完全对齐。< / p>

所以，我添加了一些简单的jQuery语句，根据content导航元素的高度减去left-side的高度减去偏移值。

$( document ).ready(function() {
    $('.content').height($('.left-side').height()-160);
});

$( window ).resize(function() {
    $('.content').height($('.left-side').height()-160);
});

使用这些函数，首先在加载页面时设置content的高度，然后在调整窗口大小时再次设置高度。滚动条的底部始终与页面底部完美匹配。

您可以在此处查看小提琴的工作版本：https://jsfiddle.net/brightmatrix/e5bLr5xd/4/

我希望这对你有所帮助。

滚动条传递屏幕限制

1 个答案: