最近在手机端,
发现下拉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); / /返回滚动条的顶部
}
连接到两个正面和背面的图像,页脚固定底部。
以上是本文的全部内容,希望本文的内容能给大家的
学习或
工作带来一定的帮助,同时也希望能给予更多的
支持!