奇怪的 document.body.onscroll

【奇怪的 document.body.onscroll】的更多相关文章

DIV的绝对居中

来源:http://www.cnblogs.com/damonlan/archive/2012/04/28/2473525.html 作者:浪迹天涯很多时候,我们需要在浏览器中让一个div居中进行显示,而不会受到滚动条的影响,那怎么才能得到效果?其实,很简单,你需要理解下面这段就可以了. 最前端开人郁闷的就是浏览器的兼容性问题,所以在下面的代码中通过各浏览器的特有属性,来进行判断浏览器的类型. 比如说,self.pageYOffset 如果它为true的话,那么它说明在IE9中起作用,也说明了…

原生js实现吸顶导航和回到顶部特效

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>吸顶导航特效</title> <style type="text/css"> body{ margin: 0; padding: 0; } .main{ width: 100%; background: #ccc; margi…

js基础--获取浏览器当前页面的滚动条高度的兼容写法

欢迎访问我的个人博客:http://www.xiaolongwu.cn 前言在开发中,兼容性问题是最常见的,今天就来介绍一下关于获取滚动条高度的兼容性写法,宽度同理,我在这里就不一一解释了各浏览器的写法 IE6/7/8 document.documentElement.scrollTop IE9以上 window.pageYOffset或者document.documentElement.scrollTop Safari window.pageYOffset 与document.body.s…

js 弹窗的实现

原理: 1. 点击按钮,触发窗口显示,遮罩层显示,并设置窗口的位置 2. 为弹出的窗口绑定鼠标滚动事件和视窗改变事件 3.点击关闭按钮,弹窗消失,遮罩层消失 html 代码: <!DOCTYPE html> <html lang="en"> <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href=&quo…

onsrcoll和scrollTop兼容与实现

对于onscroll事件的支持各浏览器 document.document.body.document.documentElement 对象的 onscroll 事件的支持存在差异. 所谓的支持性存在差异就是我们常说的浏览器兼容性问题,就是说,对于不同浏览器可能不会按照预期触发相应的事件处理函数. IE6 IE7 IE8 Firfox Chrome Safari Opera Q S Q S Q S Q S Q S Q S Q S window 对象 Y Y Y Y Y Y Y Y Y…

滚动时sticky nav

参考w3c <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> <link rel="stylesheet" type="tex…

[document.cookie]为什么cookie不在window下的呢.奇怪了[未完待续]

什么是cookie,怎么就叫cookis,它能干嘛我猜吧,就是登录页面的时候传值,二次登录的时候可以给你说句'hello xxx'; 下面这堆比较啰嗦,随意看吧 //cookie 用户储存在用户本地终端(客户端/浏览器)上的数据 //百度百科摘要 //Cookie 在网络系统中几乎无处不在,当我们浏览以前访问过的网站时,网页中可能会出现 : //你好 XXX,这会让我们感觉很亲切,这其实是通过访问主机中的一个文件来实现的, //这个文件就是 Cookie //Cookie 在计算机中是个存储在…

火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题

一.先遇到document.body.scrollTop值为0的问题做页面的时候可能会用到位置固定的层,读取document.body.scrollTop来设置层的位置,像这样, window.onscroll=function () { var oId=document.getElementByIdx_x("id"); oId.style.top=document.body.scrollTop+"px"; } 可是怎么没有达到预期效果呢,输出document.b…

document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题

转自http://wo13145219.iteye.com/blog/2001598 一.先遇到document.body.scrollTop值为0的问题做页面的时候可能会用到位置固定的层,读取document.body.scrollTop来设置层的位置,像这样, window.onscroll=function () { var oId=document.getElementByIdx_x("id"); oId.style.top=document.body.scrollTop+&…

webView 自适应高度 document.body 属性

前段时间开发遇到webView 高度自适应问题,用最初的方法无效,找了些资料,记录下. 1.若网页中含有< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >这一行代码,则应该使用document.documentElement2.若网页中只有而没有上面的一行代码,…