`

页面自动调整大小

    博客分类:
  • java
阅读更多
var Doc = function() {
var content;
return {
init: function() {
content = $("#content");
Doc.resize();

window.onresize = Doc.resize;
},
resize: function() {
if (!content)
return;
var el = content.get(0);
var offset = el.offsetTop + (el.offsetHeight - content.height());
content.height(document.documentElement.clientHeight - offset);

}
};
}();
$(document).ready(Doc.init);



//2调整数据区高度
function resizeArea() {
var list = $("#datas")[0];
//网页可见区域宽:document.body.clientWidth
var dh = document.documentElement.clientHeight/ document.body.clientWidth;//网页可见区域高

        var h = (dh - list.offsetTop);//list.offsetTop数据可见区域高(包括边线和滚动条)
if (h>0) {
list.style.height = h + "px";
}
}

$(function() {
resizeArea();
window.onresize = resizeArea;
});
分享到:
评论

相关推荐

    文本框根据输入内容自动调整大小

    为了解决这个问题,我们可以实现一个功能,使文本框能够根据输入内容自动调整其大小。这就是"文本框根据输入内容自动调整大小"这个主题所涉及的核心技术。 在HTML中,`<textarea>`元素用于创建多行文本输入框。它的...

    c# 控件大小(及字体)随窗口大小改变自动缩放

    在C#编程中,开发GUI应用程序时,常常需要让界面元素如控件的大小和字体随着窗口尺寸的变化而自动调整,以保持良好的用户体验。这种功能通常被称为“自适应布局”或“动态布局”。本篇文章将深入探讨如何实现C#控件...

    C#控件大小(及字体)随窗口改变自动缩放

    这就涉及到控件的自动调整策略,包括控件大小的自动缩放和字体大小的自适应。 1. **控件大小的自动缩放**: 在Windows Forms应用中,可以通过设置控件的`AutoSizeMode`属性来实现。`AutoSizeMode`有几种模式: - ...

    嵌入到HTML的iframe自动适应大小

    自动调整iframe高度的核心在于监听页面加载完成事件,然后通过JavaScript读取iframe内部内容的高度,并将其设置为iframe本身的高度。这一过程通常需要针对不同浏览器进行适配,因为iframe在不同的浏览器中可能采用...

    自动调整大小分隔条和对齐

    在IT领域,尤其是在软件开发和用户界面设计中,“自动调整大小分隔条和对齐”是一个重要的概念,它涉及到窗口管理、布局优化以及用户体验。在许多应用中,用户需要能够灵活地调整窗口或控件的大小,以适应不同的任务...

    自动调节图片大小(限word使用)

    因此,通过编程实现图片大小的自动调节,可以快速、准确地调整图片至预设尺寸,极大地提升了工作效率和文档质量。 ### VBA代码解析:自动调节图片大小 VBA(Visual Basic for Applications)是Microsoft Office...

    背景图片自动调整大小

    特别是在早期的浏览器兼容性问题中,如何让背景图片随着页面或者容器的大小变化而自动调整,成为了开发者们关注的焦点之一。本文将详细介绍一种基于IE滤镜(Internet Explorer Filter)的技术——`AlphaImageLoader`...

    web页面自动布局

    "Web页面自动布局"是指通过一定的技术手段,使得开发者无需手动调整每个元素的位置,只需简单拖动就能实现页面元素的自由排列,大大提高了开发效率和用户体验。这个主题主要涉及到前端开发中的CSS布局技术,特别是...

    页面的自动网格布局grid layout-可调整位置和大小

    基于jquery和jquery ui的自动布局,并支持直接调整每个模块的大小和调整位置,且方便与后台传送数据。在鼠标移动至每个模块上时,右下角会出现调整的图标,可进行drag和resize。其中的插件gridstack是在github中查找...

    控制一个DIV内所有图片宽度超出后自动调整为指定大小

    ### 控制一个DIV内所有图片宽度超出后自动调整为指定大小 #### 背景介绍 在网页设计中,为了确保页面布局的一致性和美观性,我们常常需要对嵌入到网页中的图片进行尺寸控制。特别是在响应式设计中,图片需要能够...

    不重启命令行修改WIN的页面文件大小

    默认情况下,Windows会自动管理页面文件的大小,但有时根据系统的实际需求或性能优化策略,用户可能需要手动调整页面文件的大小。标题和描述提到的是如何在不重启计算机的情况下,通过命令行来修改Windows的页面文件...

    自动调整大小的jquery图片展示特效

    分享下"表明这个特效能够自动调整各种尺寸的图片以适应网页布局,无论图片原始大小如何,都能在页面中显示得和谐美观。这种功能对于现代网页设计尤其重要,因为用户可能上传或访问各种尺寸的图片,而网页需要保持...

    根据浏览器大小使网页内容自动放大缩小

    这不仅涉及到布局的变化,还包括文本、图片等元素的大小调整。本文将深入探讨一种利用JavaScript实现的网页内容自动放大缩小的方法,并通过具体的示例代码来解释其实现原理。 #### 核心知识点 1. **JavaScript DOM...

    c#随窗口大小改动,等比例缩放页面所有控件

    FlowLayoutPanel会根据容器的大小改变来重新排列其子控件,而TableLayoutPanel则使用表格形式来安排控件,这两种控件都可以在窗口大小变化时自动调整控件的位置和大小。 然而,如果想要实现等比例缩放,我们需要...

    页面自动更新

    页面自动更新技术是一种提高用户体验和实时性的策略,它允许用户在不手动刷新页面的情况下获取到最新的数据或内容。在IT领域,特别是在Web开发和数据库管理中,这种功能至关重要。本主题将深入探讨如何利用数据库...

    根据滚动自动调整导航栏大小.zip

    在网页设计中,用户体验往往是一个关键因素,而“根据滚动自动调整导航栏大小”这个功能则可以极大地提升用户的浏览体验。这种技术主要基于JavaScript(JS)实现,属于JS特效的一种,特别是“其它代码”类别,它涉及...

    主程序界面+自动适应大小.rar

    自动适应大小(Auto-resizing)是现代软件设计中的一个关键特性,它使得程序能够根据设备屏幕尺寸的变化自动调整其布局和元素大小,从而提供一致的用户体验。在多设备共用的应用程序中,如手机、平板电脑和桌面电脑...

    Activex多线程和自动调整大小源码

    "Activex多线程和自动调整大小源码" 这个标题指出,我们关注的是一个与ActiveX技术相关的编程实践,特别是关于如何在ActiveX控件中实现多线程处理以及动态调整控件大小的功能。ActiveX是微软开发的一种技术,它允许...

    让Excel图表自动适应窗口大小.rar

    此外,为了使图表在打印时也能自适应,可以在"页面布局"选项卡中设置"缩放至一页",这样Excel会自动调整图表大小以适应单页打印。 总结: 通过上述步骤,你可以实现Excel图表随窗口大小变化的动态调整,提高工作簿...

    UIScrollView页面自动滚动效果(记得给好评呀)

    在本教程中,我们将深入探讨如何实现`UIScrollView`的页面自动滚动效果,也就是所谓的“自动分页滑动”。这个特性常用于创建类似相册、新闻列表等应用场景,让用户能够流畅地在多个页面间切换。 首先,我们要理解`...

Global site tag (gtag.js) - Google Analytics