凤凰平台注册开户_凤凰彩票app下载安装_凤凰彩票投注网

热门关键词: 凤凰平台注册开户,凤凰彩票app下载安装,凤凰彩票投注网

js操作滚动条事件实例_javascript技术_脚本之家

作者: 编程知识  发布:2019-11-24

异步加载才具达成瀑布流效果。当滚动条到最尾部的时候接触二个风浪,这一个事件写入$.get()事件,向里面程序页传递种类id和页码,程序将会再次回到那几个体系下的相对页的出品列表,假如程序查询当前类无产品即重返空。

本文实例陈述了js操作滚动条事件的方式。分享给大家供大家参谋。具体剖判如下:

滚动条事件要写在window.onscroll中才有效剖断。如下:

事先一向很可疑,怎样监视滚动条的事件,前些天到底有一些清楚了。

window.onscroll=function(){
 // var scrolltop=document.documentElement.scrollTop||document.body.scrollTop;var tops = $; //获取滚动条的位置var sctop = $-$;var id = $;if{id=8;}$;if//成立说明滚动条已在最底部{var b=$;if{page=page+1;//传递页码}var Url = "aja_pro/"+id+"/"+page;//程序页面,查询信息返回数据,直接返回带html的信息。$.get{$.append;}};

上边代码,是监听滚动条只要移动,下方的回到顶上部分的div突显与潜伏的代码

window.onscroll = function () { var t = document.documentElement.scrollTop || document.body.scrollTop; if  { $.css; } else { $.css; } }

注:

t:滚动条间距top端的离开

t>0,即滚动条后生可畏旦滚动,立即施行if中的代码是,滚动条到到top处时,重临最上端的div隐蔽

回来最上部开关的点击操作:

$.click{ $.animate({ scrollTop: 0 }, 100); return false; });

补充:

1、监听有些成分的滚动条事件

$.scroll;

2.得到滚动条滚动的离开

$;$.scrollLefft();

PS:这里再为大家推荐生机勃勃款有关JS事件的在线查询工具,归咎总括了JS常用的风云类型与函数功用:

javascript事件与功用表达大全:

意在本文所述对我们的javascript程序设计有所补助。

本文由凤凰平台注册开户发布于编程知识,转载请注明出处:js操作滚动条事件实例_javascript技术_脚本之家

关键词: