分页站点页脚自适应的延迟加载实现

分页站点页脚自适应的延迟加载实现
最近在手机端,发现下拉JQ控件和装载很少,感觉不好,如iscroll等等…

然后我写了一个懒惰的,简单的,最基本的代码。

wap手机端延迟加载分页:

使用前jquery.js
var电流= 1;
$(函数(){())
$('body)。Bind('touchmove功能(e){ {)
如果($(this)(。scrollTop)>($(窗口),Height(电流)* 150)){ / /这里所说的150从底部150像素的触发,可调
电流+;
console.log(+电流+页);
这是您的分页代码
}
});
});
如果(美元。scrollTop)(这)(= = 0){ / /这是WAP更新代码,需要结合使用}

Web计算机终端延迟加载分页:

使用前jquery.js
var电流= 1;
$(函数(){())
window.onscroll =函数(){
如果($(document)(。scrollTop)(> = $(document)(的高度)至(窗)。高度)(150){ / / 150)和WAP手机终端。
电流+;
这是您的分页代码
}
}
});
如果(美元。scrollTop)(文件)(= = 0){ / /这是网页刷新代码,需要结合使用}

网络计算机终端页脚固定:
{。footer.position
位置:绝对;
底部:0;
}
$(函数(){())
汽车();
window.onresize =函数(){
汽车();
}
});
函数自动(){
如果($(窗口)Height()> 917)可以根据页面的内容自行调整917。
$(。页脚)。AddClass(位置);
}其他位置参见CSS
$(。页脚)。RemoveClass(位置);
}
}
另一种方法{建议}
函数自动(){
$(体),ScrollTop(1); / / 1px控制向下滚动
如果($(体),ScrollTop()> 0){
$(。页脚)。RemoveClass(位置);
警报(滚动条);
{人}
$(。页脚)。AddClass(位置);
警报(没有滚动条);
}
$(体),ScrollTop(0); / /返回滚动条的顶部
}
连接到两个正面和背面的图像,页脚固定底部。
以上是本文的全部内容,希望本文的内容能给大家的学习工作带来一定的帮助,同时也希望能给予更多的支持
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部