window.onscroll事件 谷歌兼容性问题

直接贴代码

window.onscroll=function(){
	var scroHeight=document.documentElement.scrollTop||document.body.scrollTop;
	if(scroHeight >= 119 ){
		document.getElementById("cd").className="table1";
	}else{
		document.getElementById("cd").className="table";
	}

}

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-11-09 07:10:57

window.onscroll事件 谷歌兼容性问题的相关文章

js的window.onscroll事件兼容各大浏览器

为窗口添加滚动条事件其实非常的简单, window.onscroll=function(){}; 注意在获取滚动条距离的时候 谷歌不识别document.documentElement.scrollTop,必须要加上document.body.scrollTop:即 var scrolltop=document.documentElement.scrollTop||document.body.scrollTop; 这样才能兼容各个浏览器! <!DOCTYPE html PUBLIC "-/

window.onscroll

---恢复内容开始--- 今天在学习javascript的过程中被onscroll这个东西堵了一下午.心情极度郁闷. 在高度较大的网页中,我们通常会加一个返回顶部的按钮,方便用户操作. 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/

关于javascript的window.onscroll方法

---恢复内容开始--- 今天在学习javascript的过程中被onscroll这个东西堵了一下午.心情极度郁闷. 在高度较大的网页中,我们通常会加一个返回顶部的按钮,方便用户操作. 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/

onscroll事件,onresize事件

js获取页面元素高度.宽度 网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offsetWidth (包括边线和滚动条的宽); 网页可见区域高: document.body.offsetHeight (包括边线的宽); 网页正文全文宽: document.body.scrollWidth; 网页正文全文高: document.body.scrollHei

Javascript事件机制兼容性解决方案

原文:Javascript事件机制兼容性解决方案 本文的解决方案可以用于Javascript native对象和宿主对象(dom元素),通过以下的方式来绑定和触发事件: 或者 var input = document.getElementsByTagName('input')[0]; var form = document.getElementsByTagName('form')[0]; Evt.on(input, 'click', function(evt){ console.log('inp

移动端(IOS)iframe监听不到 onscroll 事件

问题描述: 我在一个页面A中有瀑布流,点击瀑布流中的图片需要进入到另外一个页面B,点击返回需要回到页面A中点击的位置,为了实现该效果所以在页面A中嵌入iframe,iframe指向页面B,页面B中同样也有瀑布流. 遇到的问题: 由于瀑布流都监听了onscroll事件,所以遇到的问题是在iframe中也就是页面B中监听的onscroll事件都不会触发,都会执行页面A中的onscroll事件,导致瀑布流全部加载到了父级的下面,也就是无法监听iframe中的onscroll事件,最后和同学商量判断wi

window常见事件

<script type="text/javascript"> /*onunload = function(){ alert("onunload run"); } onload = function(){ alert("onload run"); } onbeforeunload = function(){ alert("onbeforeunload run"); }*/ //关闭窗口前弹窗 onunload =f

运用onscroll事件//滚动窗口滚动条时触发

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> body{ margin: 0; padding: 0; position:relative; } header{ width:100%; height: 50px; background: #f00; } nav{ width: 100%; heigh

【性能优化】懒、懒加载、懒动画 --- 基于window滚动事件来实时更新DOM的视图状态,以表明是否在规定的可视区,并作有change回调

/* * * 扩展jq原型: 懒.懒加载.懒动画 * --- 基于window滚动事件来实时更新DOM的视图状态,以表明是否在规定的可视区,并作有change回调 * * $jq.viewChange( {top:100,bottom:100,change:function(status){}} ) --- status: 'in'/'out' * $jq.viewChange('off') * * $jq[n].viewChange.status = 'in'/'out' ----- 状态为'