jquery 页面分割器高度以适合用户屏幕

Question

我在 asp.net 应用程序中使用 jquery page-splitter 插件， 从这里： http://methvin.com/splitter/

我的页面结构如下：

// div1 holds the page header // div 2 holds some page content // div 3 - this holds the page splitter

分割器插件要求我指定静态高度，这会产生问题 当屏幕尺寸变化时。

我希望能够精确地以像素为单位设置分页器高度，以便它适合 任何屏幕尺寸，并且不会溢出，在页面中创建垂直滚动条。 可以这样做吗？

Answer 1

您可以使用 $(document).height() 获取文档大小，或使用 $(window).height() 获取窗口大小。

从那里，您可以使用如下方式设置页面加载时拆分器 div 的大小：

$(document).ready(

    function() {

        $("#splitterID").css("height", $(document).height() + "px");


                })

如果您发布您正在使用的代码示例，如果上述方法不适合您，我们可能会找到另一个解决方案。