前端技术

当前位置:首页 > 前端技术 >

JS获取浏览器滚动条位置实例代码

时间:2015-11-06        阅读:次        QQ群:182913345

JS获取浏览器滚动条位置实例代码如下:

$(function(){
	//获取 demo2 离页面顶部距离
	var demo2=$(".demo2").offset().top;
	
	//当页面滚动条变化时,执行的函数
	$(window).scroll( function(){ 
		//滚动条离页面最上方的距离
		var body=document.body.scrollTop;
		
		//判断滚动条位置执行相关操作
		if((demo2 - body) <= 600){
			$(".demo2").show();
			$(".demo1").hide();
		}else{
			$(".demo2").hide();
			$(".demo1").show();
		}
	});
});

上一篇:二维码生成器QRCode.js调用方法

下一篇:JS 获取iframe内容高度的方法

扫一扫,更多精彩内容推送

PHP技术分享

分享PHP技术,前端技术,数据库,SEO优化,服务器,网络安全等知识,是php程序员工作学习的好帮手!

Copyright © 2013-2015.PHP技术分享 www.php520.cn  版权所有  网站地图    PHP学习交流群

免责声明:网站内容收集于互联网,本网站不承担任何由于内容的合法性及健康性所引起的争议和法律责任。

欢迎大家对网站内容侵犯版权等不合法和不健康行为进行监督和举报。 沪ICP备15014499号-2