应用WEB标准会使ScrollTop属性失效！

最新推荐文章于 2025-08-13 18:53:35 发布
最新推荐文章于 2025-08-13 18:53:35 发布
阅读量1.1k 收藏
点赞数
文章标签： web html asp.net
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

加上这段后，document.body.scrollTop永远等于0

body onscroll = "alert(document.body.scrollTop);"永远也不会引发。

我们一般用的是Asp.Net 2003默认的：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
所以一直没问题～
document.documentElement.scrollTop
kxtk
关注
Web 前端进阶—— JS 学习笔记
cccloveforever的博客
04-21 1255
原型链：简单来讲就是原型组成的链，比如函数的原型是Function，Function的原型是Object，Object 的原型仍然是Object，一直追溯到最终的原型对象。函数通过prototype来追溯原型对象，对象通过proto来追溯原型对象。通过一个构造函数创建出来的多个实例，如果都要添加一个方法，给每个实例去添加并不是一个明智的 选择。这时就该用上原型了。在实例的原型上添加一个方法，这个原型的所有实例便都有了这个方法。//B继承了A,通过原型，形成链条。
web前端面试题（必背面试题）
热门推荐
Z_Gleng的博客
05-25 3万+
自己总结的常见的面试题 总字数13万+ 大概有200+左右道题 会不定期更新
iscroll在谷歌浏览器中局部滑动失效
呵呵到天亮的博客
07-08 3370
今天在用 iScroll.js 做移动端的下拉刷新和上拉加载功能时，在谷歌浏览器进行调试时，发现无法正常使用，用鼠标拉动时，滑动不起来，指定区域只能移动4px而已，这明显不正常，（在firefox上测试又是正常的，不用手机模式也是可以滑动的）仔细调试了好久，才发现问题所在，简单来说就是谷歌浏览器的统一指针事件所致那么，谷歌该如何操作移动端的iScroll.js呢？1.代码实现（推荐）： //获取所...
应用WEB标准会使ScrollTop属性失效！！！
weixin_33774615的博客
09-01 83
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; 加上这段后，document.body.s...
html中dom多会有影响吗,为什么操作DOM会影响WEB应用的性能？
weixin_31455121的博客
06-18 1040
前言面试官经常会问你：“平时工作中，你怎么优化自己应用的性能？”你回答如下：“我平时遵循以下几条原则来优化我的项目、以提高性能，主要有：”a. 减少DOM操作的次数(减少DOM的获取与修改次数)b. 减少网络请求c. 压缩、合并静态资源文件(css、js、img等)d. 小图片文件base64化处理e. js少用全局变量f. ...Bingo！此时，你给自己刨了个可以把自己埋住的大坑。因为面试官可...
Web app会代替原生app吗？
laikaikai的博客
07-19 1009
Web app会代替原生app吗？ 前几天和朋友聊到html5会不会替代原生app的问题，引起了我的兴趣。这个也会影响到广大做ios开发和andriod开发的程序员的饭碗。 下面我们不直接回答这个问题，毕竟方向性的事情，我们不轻易下结论。 这里我们来看看原生用到的html的dom解析和渲染，尤其是渲染中的性能瓶颈。 下面的文章也是我从其他地方看到了，如果有问题，请大家斧正。 ...
[]2024年第⼗五届蓝桥杯全国软件和信息技术专业人才大赛（Web 应用开发）
qq_61798306的博客
05-02 2680
本文介绍了2024年第⼗五届蓝桥杯全国软件和信息技术专业人才大赛（Web 应用开发）的题目、解题思路、解题等
html 自定义属性对加载的影响,css深入研究
weixin_30974905的博客
06-09 227
作者博客地址：猪学习方法推荐问题学习法：带着问题去学习，有利于集中注意力，目的明确，这既是有意学习的要求，也是发现学习的必要条件。心理学家把注意分为无意注意与有意注意两种。有意注意要求预先有自觉的目的，必要时需经过意志努力，主动地对一定的事物发生注意。它表明人的心理活动的主体性和积极性。问题学习法就是强调有意注意有关解决问题的信息，使学习有了明确的指向性，从而提高学习效率。在介绍完问题学习法之后，...
web性能优化原理与方案
一袋米要扛几楼_
08-27 828
深入理解http请求的过程是前端性能优化的核心 从请求过程中可以发现一些优化点 dns是否可以通过缓存减少dns查询时间？dns缓存可以减少dns解析时间 网络请求的过程走最近的网络环境？cdn以空间换时间，减少请求时间 相同的静态资源是否可以缓存？下次不再请求，减少请求时间，减轻服务端压力 能否减少请求http请求大小？静态文件压缩, gzip 减少http请求css\js\img合并 服...
解决VUE中document.body.scrollTop为0的问题
10-18
document.documentElement代表的是标签，因此在使用scrollTop属性时，应该使用document.documentElement.scrollTop来获取滚动条的垂直位置。 相对地，如果页面中没有DOCTYPE声明，那么浏览器通常会进入怪异模式...
让DIV的滚动条自动滚动到最底部的3种方法(推荐)
11-23
在开发Web应用，尤其是涉及到实时信息更新的场景，如在线聊天功能时，常常需要实现一个自动滚动的效果，确保用户能够始终看到最新的内容。在这种情况下，我们需要控制特定的DIV元素（通常作为消息容器）的滚动条自动...
document.documentElement.scrollTop，设置不生效是什么原因
06-05
步骤：1.**解释scrollTop属性**：简要说明document.documentElement.scrollTop是什么。2.**原因分析**：根据引用和我的知识，列出设置不生效的常见原因。-兼容性问题：bodyvs.documentElement。-滚动容器：如果页面...
WEB 前端面试题 (高能)
m0_64191440的博客
11-11 1416
我们让原型对象等于另一个原型对象的实例,此时原型对象 ,将包含一个指向原型对象的指针，再让原型对象 的实例等于原型对象，如此层层递进就构成了实例和原型的链条，这就是原型链的概念。取得了另外一个值，则原先的引用值引用次数就减 1，当这个值的引用次 数为 0 的时候，说明没有办法再访问这个值了，因此就把所占的内存给。如果你发现你在不同的地方写了大量代码来做同一件事时，就应该考虑将代码重构为可重用的。描述：给一个元素设置了高度和宽度的同时，还为其设置margin和padding的值，会改变该元素的实际大小。
HTML已死，HTML万岁——重新思考DOM的底层设计理念
2301_79342058的博客
08-07 1094
《Web技术亟需革新：DOM、HTML与CSS的历史包袱》文章指出当前Web技术发展陷入瓶颈，客户端体验十年未变。DOM已变得异常臃肿（Chrome中document.body含350+属性），HTML在过去15年几乎停滞，CSS布局存在心智模型错位问题。WebComponents因设计缺陷未能成为主流解决方案，SVG与CSS的融合反而造成混乱。文章认为当前技术堆栈已无法满足现代Web应用需求，建议开放底层能力，重新设计去除历史负担的新架构。作者呼吁关注Servo等实验性项目，认为Web技术亟需突破传统DO
Python Day27 HTML 核心知识笔记及例题分析
ihghhfffv的博客
08-11 1179
HTML基础与网页结构简明指南 本文系统介绍了HTML的核心知识：HTML是超文本标记语言，通过标签描述网页结构。网页基本结构包含文档声明、头部(head)和主体(body)三部分，头部设置编码和标题，主体包含所有可见内容。详细讲解了常见HTML标签的用法： 文本标签(h1-h6标题、p段落、pre预格式文本) 列表标签(ol有序、ul无序、dl定义列表) 媒体与链接标签(img图片、a超链接) 表格标签(table及合并单元格属性) 语义标签(div布局、span行内样式) 特别说明了三种元素显示模式：块
HTML第三次作业
最新发布
2301_81538927的博客
08-13 588
【代码】html第三次作业。
HTML应用指南：利用GET请求获取全国一加授权零售店位置信息
weixin_45812624的博客
08-11 1363
本文介绍了如何通过发送GET请求从一加中国官方网站获取授权零售店的分布信息，并使用Python中的requests库提取各城市的详细门店数据，包括地址、营业时间及联系方式等。文章首先解释了如何找到数据存储位置并解析响应内容，接着提供了完整的代码示例用于获取和保存这些信息为CSV文件。由于2021年后一加成为OPPO子品牌，两者线下渠道高度重合，因此其门店分布特征反映了共同的市场策略。文章指出，在华东和华南地区以及主要一线城市中，一加/OPPO门店布局密集，而在西北、东北等地则较为谨慎扩展。
HTML 表格
csbysj2020
08-12 219
HTML 表格是网页设计中常用的一种元素，它能够帮助我们以表格形式展示数据。本文介绍了 HTML 表格的基本结构、属性、单元格操作以及高级用法，希望能对您有所帮助。在实际应用中，合理运用 HTML 表格，能够使您的网页更具可读性和实用性。
详解滚动位置与元素尺寸：scrollLeft, scrollTop等属性
本文档深入探讨了网页滚动相关的属性在Web开发中的重要性，特别是scrollLeft和scrollTop这两个关键概念。首先，让我们来理解这些术语： 1. **网页可见区域**： - `document.body.clientWidth`和`document.body....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值