今天在写一个带滚动层网页的时候，遇到这样一个棘手的问题：document.body.scrollTop的值始终为0，于是到处找相关解决办法。原来是DTD的问题,要是页面直接用<html>开头的话就没有问题了。但是要符合web标准,DTD当然是不能少的。使用DTD时用document.documentElement.scrollTop代替document.body.scrollTop就可以了。
试一试，果然是这样子的！
当使用DTD时，用document.documentElement.scrollTop代替document.body.scrollTop！
分享到：
相关推荐
标题中的“滚动层例子,消息”指的是在网页中实现一种动态滚动的消息提示层，这种功能常见于许多网站，用于向用户展示重要的通知、提示信息或者更新。这种滚动层通常是使用JavaScript库，比如JQUERY，来实现动态效果...
在网页设计中，"DIV滚动悬浮层"是一种常见的交互效果，它使得某个元素（通常是一个包含重要信息或功能的div）在用户滚动页面时始终保持在屏幕的特定位置，提供持续的可视性和可访问性。这种效果可以用于侧边栏菜单、...
网页滚动层是一种常见的网页设计技术，它允许网页元素如广告条、导航菜单或任何其他信息在用户滚动页面时保持固定位置，从而增加用户体验并提高内容的可见性。这种设计手法通常被称为“固定定位”或者“粘性布局”。...
网页滚动是网页设计中不可或缺的一部分，它允许用户在页面内容超过屏幕可视区域时查看隐藏的信息。HTML（超文本标记语言）作为网页制作的基础，提供了多种方法来实现和控制网页滚动效果。在这里，我们将深入探讨HTML...
本案例中，我们关注的是一个滚动新闻的网页特效源代码，这通常用于显示实时更新的信息，如新闻、公告或者天气预报等，使得用户无需刷新页面就能获取最新内容。 首先，源代码以HTML 4.0 Transitional DTD（Document ...
在网页设计中，"js 固定位置的层 不随滚动条滚动" 是一个常见的需求，主要用于实现诸如固定顶部导航、侧边栏或者底部客服窗口等元素。这些元素在用户滚动页面时始终保持在屏幕的特定位置，提升用户体验，让用户可以...
今天用pop的弹出窗口里，出现一个问题，当网页出现滚动条里，不能遮挡住，解决Pop遮罩层无法遮挡滚动条下问题。 pop滚动条遮挡
在网页设计中，平滑滚动（Smooth Scroll）是一种常见的交互效果，它使得用户在点击页面内的链接时，页面能够以平滑、流畅的方式过渡到目标位置，而不是瞬间跳转。这种效果大大提升了用户体验，尤其在长篇内容或者...
标题“滚动条平滑滚动置顶&贴壁滚动层”涉及到的是前端开发中的用户体验优化技术，特别是关于网页滚动效果的设计。这种技术常用于创建更流畅、更具吸引力的用户界面，尤其是在移动设备上，使得用户在浏览长页面时有...
双层图片滚动是一种常见的网页或应用界面设计技术，主要用于展示多张图片，通过动态滚动的方式增加视觉效果，吸引用户注意力。这种设计常用于产品展示、新闻轮播、广告宣传等场景。下面我们将深入探讨双层图片滚动的...
随滚动条移动的层 .div { position: absolute; border: 2px solid red; background-color: #EFEFEF; line-height: 90px; font-size: 12px; z-index: 1000; } ; height:90px" align="center">...
总的来说，通过JS监听滚动事件和CSS定位，我们可以实现一个类似腾讯今日头条的滚动条弹出层功能，提升用户体验，增加网页互动性。这种技术在现代网页开发中非常常见，是提升网站吸引力和用户粘性的有效手段。
在网页设计中，为了增强用户体验和视觉效果，经常会使用到各种动态效果，其中"jQuery网页底部阴影浮动层文字滚动"就是一个常见的交互设计手法。这个效果主要用于在网页底部创建一个带有阴影效果的浮动层，上面的文字...
标题“随滚动条滚动的两侧的层”暗示了我们即将探讨的是网页布局中一种特定的效果，通常称为“固定定位”或者“侧边栏固定显示”。这种设计使得页面的某些元素（比如导航菜单或广告栏）在用户滚动页面时始终保持在...
本项目“CSS3 SVG网页底部滚动效果”正是利用了这两种技术的结合，为网页底部添加了一种动态的、波浪形的滚动效果，为用户带来独特的浏览体验。 首先，我们来详细了解一下CSS3。CSS3是层叠样式表的第三版，是Web...
综上所述，实现ASP.NET网页随滚动条滑动的层主要涉及客户端技术，包括JavaScript、CSS和可能的AJAX。服务器端的ASP.NET则主要负责生成和管理这些客户端资源，以及与后端数据的交互。理解这些概念和技术对于创建动态...
"WEB网页DIV层背景图循环向上滚动效果"是一种常见的网页美化技术，尤其适用于网页应用推广页面。这种效果通常通过CSS（Cascading Style Sheets）来实现，结合HTML（HyperText Markup Language）结构，可以让网页的...
标题“弹出层滚动条”涉及的是网页设计中一个常见的交互元素，主要关注在弹出窗口或模态框中如何实现可滚动的内容区域。在这个场景下，开发人员可能需要处理CSS样式、JavaScript或者特定插件来创建具有滚动条功能的...
JS无缝滚动是一种网页动态效果，常用于展示连续的图像或文本，给用户带来平滑无断点的浏览体验。在网页设计中，它能够提升用户体验，尤其是在展示产品列表、新闻滚动或者广告轮播时。本文将深入探讨如何实现JS无缝...
"css3无缝连续滚动网页特效"是利用CSS3的新功能实现的一种动态视觉效果，使得网页内容可以平滑、不间断地循环滚动，给用户带来流畅的浏览体验。这种特效常见于新闻滚动条、产品展示区域或轮播图等场景。 首先，CSS3...