jquery 滑动到底部js代码

2018年6月26日17:34:51 发表评论 254
jquery 滑动到底部js代码

js判断是否滑动到底部

<script type="text/javascript">
//注,需要引入jquery.js 文件

var autoready=1;//先定义一个变量
$(window).bind("scroll", function (event) {
//滚动条到网页头部的 高度,兼容ie,ff,chrome
var top = document.documentElement.scrollTop + document.body.scrollTop;
var textheight = $(document).height();  //网页的高度
// 网页高度-top-当前窗口高度
if (textheight - top - $(window).height() <= 60){//距离底部60像素时执行
	if(autoready==1) {//判断定义的变量为1时执行
	autoready=0;//把变量改为0,防止重复执行
	$(".mains").show();
	var next = $(".next").attr("href");//获取页码
	if(next != ""){//不是最后一页时执行
	$.ajax({
	type:'post',
	url:next, 
	success:function(msg){
	var fanhuiuif = $(msg).find(".list").html();
	var fanhuiyema = $(msg).filter("#pagelink").html();
	$("#pagelink").html(fanhuiyema);
	$(".list").append(fanhuiuif);
	$(".mains").hide();
	autoready=1;//执行结束后把变量改为1
	}
	});
	}else{//为最后一页时执行
	$(".footer.clearfix").show();$(".mains").hide();
	};

	};
}});
//显示向上图标
  $(window).scroll(function(){
    var Top = $(window).scrollTop();
    var WinH = $(window).height();
    var DocH = $(document).height(); 
    if(Top >=  200){
       $('.getops').show();
       }else{
       $('.getops').hide();
      };});
//点击向上图标
$('body').on('click','.getops',function(e){
            $('body,html').animate({
                scrollTop:0
            },500)
        });

</script>
详见:https://m9k.slms.cc/shuku.aspx

jquery 滑动到底部js代码

 

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: