发现Chrome对document.documentElement.scrollTop的识别有时会出现误差。不过加上document.body.scrollTop后，则显示正常。
由于document.documentElement.scrollTop和document.body.scrollTop在标准模式或者是奇怪模式下都只有一个会返回有效的值，所以都加上也不会有问题。
即获取高度时使用document.documentElement.scrollTop+document.body.scrollTop，经测试，代码在IE、Firefox、Chrome下都能显示正常了。
分享到：
相关推荐
在JavaScript编程中，弹出框和弹出层是常见的用户交互元素，用于显示警告、确认信息或者提供额外的交互界面。这些功能可以增强网站或应用的用户体验，使其更加直观和友好。本文将深入探讨如何使用纯JavaScript实现弹...
通过上述分析，我们可以看到在miniUI框架下，创建和自定义窗口弹出框是一项既灵活又强大的功能。开发者可以根据实际需求，调整窗口的外观、行为和位置，从而提供更加丰富和友好的用户体验。无论是简单的信息展示还是...
`alert` 函数的基本语法是 `alert(message)`，它会弹出一个只有一个按钮的对话框，用户点击后，对话框关闭，程序继续执行。`message` 参数是向用户显示的文本字符串。 `confirm` 函数的语法是 `var result = ...
这个压缩包文件"chrome浏览器javascript在windows任务栏上弹出消息通知框.zip"显然包含了一个示例，演示如何使用HTML5的Notification API在Chrome浏览器中实现这一功能。 首先，我们要理解`Notification`对象在...
这可以通过在弹出框下方添加一个半透明的遮罩层来实现，同时确保遮罩层具有较高的`z-index`值，使其位于弹出框之下，但高于其他页面元素。 7. **可复用性**：为了提高代码的可维护性和灵活性，可以将自定义`alert`...
相比之下，JavaScript弹出框插件提供了更多的定制选项，包括但不限于尺寸、颜色、字体、按钮、动画效果等。artDialog作为其中的一员，它的5.0.3版本以其轻量级和强大的功能脱颖而出。 artDialog的核心特性包括： 1...
本话题主要围绕"多种自定义弹出框"这一主题展开，我们将深入探讨artDialog-master弹出框及其与Query插件的结合使用，如何实现自定义样式以及其在不同浏览器下的兼容性。 首先，artDialog是一款功能强大的JavaScript...
1. **可拖拽功能**：Popup.js提供的弹出框支持用户通过鼠标拖动来改变其位置，提升了交互性和便利性。这种功能对于那些需要频繁调整窗口位置的应用场景非常有用，比如地图应用或者需要多窗口协同工作的工具。 2. **...
【弹出框插件】是一种用户界面元素，用于在网页应用中向用户显示临时通知、警告或确认信息。传统的弹出框通常是浏览器内置的alert、confirm和prompt对话框，但这些对话框样式单一且功能有限。为了提升用户体验并增强...
为了让弹出框更符合设计需求，可以使用CSS来定制弹出框的外观，包括尺寸、位置、颜色、字体等。还可以通过CSS动画增加交互效果，提高用户体验。 5. **文件类型判断与安全考虑** 在实现弹出框下载时，需要考虑到...
7. **兼容性测试**：在实际应用中，应确保弹出框在主流浏览器（如Chrome、Firefox、Safari、Edge）及不同版本间具有良好的兼容性。 综上所述，"Jquery 黑色弹出框demo"是一个关于如何使用jQuery创建具有黑色背景的...
5. **精美弹出效果**：实现"精美至极"的效果，可能涉及了高级的CSS3动画、过渡效果、自定义图标以及响应式设计，确保弹出框在不同屏幕尺寸下都能保持良好的视觉体验。此外，可能还包含了一些用户体验优化，比如防止...
3. **插件扩展**：利用`plugins`目录下的插件，如`iframeTools`插件，可以实现对弹出框内iframe的控制。 总的来说，artDialog是一个强大且灵活的前端弹出框解决方案，它提供了丰富的功能和优秀的性能，是Web开发者...
纯JavaScript实现的弹出框需要考虑不同浏览器的兼容性问题，确保在主流浏览器（如Chrome、Firefox、Safari、Edge）上都能正常工作。 9. **用户体验优化**： 可拖动的弹出框可以提高用户体验，让用户自由调整弹出...
1. **高度可定制化**：ArtDialog允许开发者自定义弹出框的样式、大小、位置、内容和行为。通过CSS和JavaScript API，你可以轻松调整弹出框的外观，使其与网站设计风格保持一致。 2. **丰富的API接口**：ArtDialog...
为了实现腾讯登录框的动画效果，我们可以使用CSS3的transition属性，使弹出框在显示和隐藏时有平滑的过渡。添加以下CSS规则到你的样式表： ```css #dialog { position: fixed; top: 50%; left: 50%; transform:...
5. **优化用户体验**：为了提高用户体验，你还可以添加动画效果，比如淡入淡出、滑动等，使得弹出框的出现和消失更加平滑。同时，确保弹出框在不同屏幕尺寸下都能正常显示，以适应响应式设计。 6. **测试与调试**：...
《深入解析：jQuery弹出框插件artDialog4.1.6》 在网页开发中，弹出框是一种常见的交互元素，用于展示重要的信息、获取用户输入或进行一系列操作。artDialog是一个强大的jQuery插件，它以其优雅的样式、丰富的功能...
在JavaScript中，弹出框是与用户进行交互的一种常见方式，它们包括警告对话框、确认对话框和输入对话框。本文将深入探讨JS中的弹出框及其相关知识点。 一、警告对话框 警告对话框通常用于向用户显示警告信息，不...