【问题标题】:jquery page splitter height to fit the user screenjQuery页面拆分器高度以适应用户屏幕
【发布时间】:2011-05-23 09:05:41
【问题描述】:
我在 asp.net 应用程序中使用 jquery page-splitter 插件,
从这里:http://methvin.com/splitter/
我的页面结构如下:
// div1 保存页眉
// div 2 保存一些页面内容
// div 3 - 保存分页器
拆分器插件要求我指定一个静态高度,这会产生问题
当屏幕尺寸变化时。
我希望能够以像素为单位精确设置页面拆分器高度,以使其适合
任何屏幕尺寸,并且不会溢出在页面中创建垂直滚动条。
有可能吗?
【问题讨论】:
标签:
jquery
plugins
dynamic
height
splitter
【解决方案1】:
您可以使用 $(document).height() 获取文档大小,或使用 $(window).height() 获取窗口大小。
您可以在页面加载时使用以下方式设置拆分器 div 的大小:
$(document).ready(
function() {
$("#splitterID").css("height", $(document).height() + "px");
})
如果您发布您正在使用的代码示例,如果上述方法不适合您,我们可能会整理出另一种解决方案。