关于jQuery滚动条事件的简单应用

发布日期：2016年06月28日文章来源：www.tengways.com

accutane without dermatologist untamedne.com accutane without birth control

naltrexone without prescription in uk online naltrexone in uk

amoxicillin insurance

buy accutane pills

滚动条事件在编码时出现的频率越来越高，如何熟练的运用好它是很重要的，其实它的逻辑很简单，现在来写两个简单的例子：

首先定义好文档的高度，滚动条的高度，当前窗口的高度；

var height= parseFloat($window).height());//当前窗口高度

var scroheight= parseFloat($window).scrollTop());//滚动条距顶部高度

var docuheight=parseFloat($(document).height());//页面的总高度

现在就能按你需要的条件来写，例如：当滚动条距离底部小于200px是触发事件

if(docuheight-scroheight<200)

{

...

}

页面滚动到指定位置后触发事件

$(window).scroll(function () {

if ($(window).scrollTop() == $(document).height() - $(window).height()) {

alert('bottom!!');

}

});

返回列表

新闻资讯