sitemap
知识分享网:一个值得你收藏的网站!
当前位置:网站首页 > JavaScript > JS获取浏览器滚动条位置实例代码

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

作者:xuhongji发布时间:2020-08-05分类:JavaScript浏览:308评论:0


导读:$(function(){//获取 demo2 离页面顶部距离var demo2=$(".demo2").offset...
$(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();
		}
	});
});



欢迎 发表评论:

JavaScript排行
«   2021年1月   »
123
45678910
11121314151617
18192021222324
25262728293031
标签列表
网站分类
文章归档
最近发表
推荐文章