`
shuaigg.babysky
  • 浏览: 571588 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

做弹出层的时候需要获得的document的最大高度

jQuery 
阅读更多

jquery里面是这样的

name可以的取值为height或者是width

Math.max(
                    elem.documentElement["client" + name],
                    elem.body["scroll" + name], elem.documentElement["scroll" + name],
                    elem.body["offset" + name], elem.documentElement["offset" + name]
)

分享到：
| 鼠标滚轮事件
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    很犀利的弹出层，弹出层代码

    - **显示和隐藏**：通常使用`document.getElementById('popup').style.display = 'block'`来显示弹出层，而`'none'`则用于隐藏。也可以使用jQuery库的`.show()`和`.hide()`方法简化操作。 - **事件监听**：可以...

    js弹出层并获取弹出层文本内容

    首先，我们需要创建一个可隐藏的div元素作为弹出层，然后在需要的时候显示它。HTML部分可能如下： ```html ;"> ()">提交 ``` 在这个例子中，我们有一个id为`popupLayer`的div，内含一个文本输入框`popupInput`...

    jquery弹出层 jquery弹出层 jquery弹出层

    标题“jquery弹出层”暗示我们将会探讨的是如何使用jQuery来实现网页上的弹出层效果，这在网页设计中是非常常见的一种功能，用于显示警告、信息、确认对话框或者复杂的模态窗口。 首先，让我们理解什么是弹出层。弹...

    JQuery弹出层类库

    这些弹出层可以是警告框、对话框、模态窗口或者任何需要突出显示的内容。它们能够暂停主页面的操作，直到用户对弹出层做出响应。 ### 2. jQuery弹出层的实现方式 #### 2.1 自定义代码 通过编写CSS和JavaScript，...

    导航弹出层

    在网页设计和开发中，"导航弹出层"是一种常见的交互元素，用于提供额外的信息或者功能，而不会中断...在实际应用中，开发者需要结合设计原则和最佳实践，不断优化弹出层的实现，以满足用户需求和提升网站的整体质量。

    jquery 弹出层

    4. **触发弹出**：当需要显示弹出层时，可以调用 GreyBox 的方法，例如 `GB_show()`，并传入相应的参数（如内容源、标题等）。 5. **关闭弹出**：可以通过调用 `GB_hide()` 方法来关闭当前显示的弹出层。 6. **...

    底部弹出层

    2. `modal-content`: 弹出层内容，设置宽度、高度、背景色等。 3. `modal-overlay`: 遮罩层，设置为全屏且半透明，通常添加点击事件关闭弹出层。 示例代码： ```css .modal-footer { position: fixed; bottom: 0;...

    jquery弹出层鼠标点击弹出层可浮动在屏幕滚动

    首先，我们需要理解jQuery弹出层的基本原理。弹出层通常是一个在页面上覆盖一层半透明背景，并显示特定内容的元素，如警告信息、表单或图片等。这种效果可以通过CSS样式和JavaScript/jQuery来实现。在jQuery中，我们...

    javascript弹出层

    当需要关闭弹出层时，移除`show`类即可。 4. **自定义函数回调**： 在弹出层的显示和隐藏过程中，我们可以定义自定义函数来执行特定任务。例如，在弹出层打开前加载数据，或者在关闭后执行清理操作： ```...

    jquery弹出层

    为了实现弹出层的效果，我们需要在jQuery中编写一些脚本来控制弹出层的显示和隐藏。下面是一个简单的例子： ```javascript $(document).ready(function() { // 当页面加载完成后，点击某个按钮触发弹出层 $('#...

    jQuery弹出层垂直居中效果

    在网页设计中，弹出层（也称为模态窗口或对话框）是一种常见的交互元素，用于显示临时信息或用户需要关注的内容。jQuery 是一个广泛使用的 JavaScript 库，它提供了丰富的功能来简化DOM操作、事件处理以及动画效果。...

    弹出层示例展示

    例如，可以使用`document.getElementById('popup').style.display = 'block'`来显示一个ID为`popup`的弹出层。 2. **CSS样式**：弹出层的样式设计包括定位（fixed或absolute）、尺寸、颜色、过渡效果等。比如，使用...

    js 实现弹出层

    在网页设计中，弹出层（也称为...首先，我们需要了解弹出层的基本结构。一个弹出层通常包含以下几个部分：背景遮罩层、内容容器、关闭按钮（可选）以及可能的其他辅助元素。以下是一个简单的HTML结构示例： ```html ...

    jquery弹出层不关闭 父页面刷新

    在IT领域，尤其是在Web开发中，"jquery弹出层不关闭 父页面刷新"是一个常见的交互需求。这里，我们主要讨论如何使用jQuery实现这样的功能，即在一个弹出层（通常是一个模态对话框）显示时，用户可以操作父页面而不会...

    使用js实现弹出层

    在网页开发中，弹出层（也称为模态窗口或对话框）是一种常见的用户交互设计，用于在不离开当前页面的情况下展示重要的信息、提示或表单。本篇将详细介绍如何在JSP页面中使用JavaScript来实现这样的效果，同时考虑...

    html5手机端点击弹出层

    在移动设备上，弹出层的设计需要考虑到屏幕大小和触摸操作，确保用户友好。 HTML5本身并没有直接提供创建弹出层的标签，但通过组合使用HTML5的其他元素和CSS3的样式，可以实现弹出层的功能。常见的方法是利用`<div>...

    jquery弹出层插件

    2. 样式自由：插件支持高度自定义样式，开发者可以根据项目需求调整弹出层的外观，使其完美融入现有设计。 3. 移动优化：考虑到现代Web应用对移动设备的支持，此插件也优化了在手机和平板等小屏幕设备上的显示效果，...

    弹出层居中

    例如，可以获取窗口的宽度和高度，然后根据弹出层的尺寸调整其位置，确保它始终位于屏幕中心。这通常涉及以下步骤： 1. 获取窗口大小：`window.innerWidth` 和 `window.innerHeight`。 2. 获取弹出层大小：`element...

    中间弹出层js

    【中间弹出层js】是一种常见的网页交互设计技术，它利用JavaScript和jQuery库来实现页面元素（通常是模态框或对话框）从屏幕中央向四周展开的动态效果。这种效果可以用于显示重要的通知、用户确认操作或者展示详细...

Magicbox
Global site tag (gtag.js) - Google Analytics