`
再逢山水
  • 浏览: 152904 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

关于scrollTop为0以及解决方法

阅读更多
没有DOCTYPE声明的时候document.body.scrollTop一切正常

有DOCTYPE声明的时候document.body.scrollTop总是输出0; 需要用document.documentElement.scrollTop方法来获取滚动条高度。

所以我们需要用到if…else…去判断。

如果有DOCTYPE声明,我们该怎么办

如果没有DOCTYPE声明,我们该怎么办。

var scotop ;
if(document.body.scrollTop)
{
	scotop = document.body.scrollTop;
}
else{
	scotop = document.documentElement.scrollTop
}


这样判断后,就可以在两种情况下同时使用了。IE6,IE7,FF2测试通过.
分享到:
评论

相关推荐

    document.body.scrollTop 值总为0的解决方法 比较常见的标准问题

    } 可是怎么没有达到预期效果呢,输出 document.body.scrollTop 的值一看,一直都是 0。原来是 DTD 的问题,要是页面直接用 开头的话就没有问题了。但是要符合 web 标准,DTD 当然是不能少的。具有 D

    解决vue单页路由跳转后scrollTop的问题

    最开始我使用了一个很笨的方法,每个页面上都加上window.scrollTop(0,0);来解决问题,但是这个太繁琐了。最后和小伙伴们商量了一下,在main.js页面上加了这么一段代码 router.afterEach(function (to) { window....

    Document.body.scrollTop的值总为零的快速解决办法

    主要介绍了Document.body.scrollTop的值总为零的解决方法的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下

    jQuery中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题

    主要介绍了关于jQuery中animate()的使用方法及解决$("body").animate({"scrollTop":top})不被Firefox支持的问题,文中介绍的非常详细,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。

    vue 解决文本框被键盘遮住的问题

    document.getElementById(this.FullScreenId).scrollTop = document.getElementById(this.FullScreenId).scrollHeight 我这边把div满屏了看下面css就知道了 你也可以使用body,这个你行百度一下就可以了 注意点是css...

    解决vue无法设置滚动位置的问题

    问题描述 在实现锚点定位的时候发现无法设置...解决方案 document.documentElement=956 总结 以上所述是小编给大家介绍的解决vue无法设置滚动位置的问题 ,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小

    让DIV的滚动条自动滚动到最底部的3种方法(推荐)

    但同样的代码拿到我这里却完全失效,又仔细查了下资料说XHTML标准下scrollTop的值恒为0,解决办法是使用 document.documentElement.scrollTop代替document.body.scrollTop,讲了半天所解决的是整个页 面的滚动条。...

    JavaScript Table行定位效果

    接着想到的是给table插入一个新tr,克隆原来的tr,并设置这个tr为fixed(ie6为absolute),例如: Code <!DOCTYPE ...

    js操作textarea 常用方法总结

    注意:在firefox下 添加字符串的时候有个bug 就是scrollTop 会等于0,当然解决了,但是不够完美。如果有高手也研究过,麻烦指点下。 代码如下: var TT = { /* * 获取光标位置 * @Method getCursorPosition * @param...

    100个直接可以拿来用的JavaScript实用功能代码片段(1-10)

    56、原生JavaScript全角半角转换,iCase: 0全到半,1半到全,其他不转化 57、原生JavaScript确认是否键盘有效输入值 58、原生JavaScript获取网页被卷去的位置 59、原生JavaScript另一种正则日期格式化函数+调用方法 ...

    解决vue-cli单页面手机应用input点击手机端虚拟键盘弹出盖住input问题

    网络上很多关于body设定宽高以及scrolltop的方法都不管用,因为这里是路由页面,根据网上的思路,吊起输入键盘的时候页面的高度是变化的,监听[removed],判断是否吊起键盘,然后设定底部模块的隐藏和显示,整个块...

    webkitOverflowScrollingFix.js:在 iOS 和 OSX 上标准化 webkit 滚动橡胶效果

    最初,当scrollTop为0 ,并且您尝试向下滚动时,整个页面会变成橡皮布。 什么? 但是 - 向上滚动一点,只有几个像素,停止,向下滚动 - 看,现在是可滚动的橡胶。 这就是我们一直想要的。 在 OSX 桌面 webkit/...

    js封装的textarea操作方法集合(兼容很好)

    注意:在firefox下 添加字符串的时候有个bug 就是scrollTop 会等于0,当然解决了,但是不够完美。如果有高手也研究过,麻烦指点下。 代码如下: var TT = { /* * 获取光标位置 * @Method getCursorPosition * @param...

    js操作textarea方法集合封装(兼容IE,firefox)

    注意:在firefox下 添加字符串的时候有个bug 就是scrollTop 会等于0,当然解决了,但是不够完美。如果有高手也研究过,麻烦指点下。 完整测试代码: 代码如下:<textarea id=”testlujun” style=”width: 300px; ...

    douban-demo:豆瓣搜索

    2018.6.7 想着滑动到底部继续发请求加载,监听了scroll事件,发现scroll事件监听是连续的,频繁的触发,不能实现想要的结果,然后就学会了一点函数节流的方法,用一个setTimeout. 每次请求完,scrollTop不会回到0,也就是说,...

    ie6 fixed bug的解决方法 (css+js)

    top: 0; left: 0; width: 10em; height: 100%; } body > #fixed { position: fixed; } #content { margin-left: 10em; background:red; height:800px; } 利用css选择器覆盖原position的属性值; fixed层的父层需是...

    jQuery开发技巧

    25大实用的jQuery技巧和解决方案 1 去除页面的右键菜单 $ document ready function { $ document bind "contextmenu" function e { return false; } ; } ; 2 搜索输入框文字的消失 当鼠标获得焦点 ...

    jQuery详细教程

    jQuery 使用名为 noConflict() 的方法来解决该问题。 var jq=jQuery.noConflict(),帮助您使用自己的名称(比如 jq)来代替 $ 符号。 亲自试一试 结论 由于 jQuery 是为处理 HTML 事件而特别设计的,那么当您遵循...

Global site tag (gtag.js) - Google Analytics