javascript怎么实现根据滚动条位置自动翻页?

发布时间: 2015/5/15 15:13:19

javascript怎么实现根据滚动条位置自动翻页?

解决方法 1:



绑定windows的滚动事件

window.onscroll = function(){
    var nowAt = jQuery(document).scrollTop()+jQuery(window).height();
    var toBe = jQuery(SELECTOR).height()/*元素自身高度*/ 
            + jQuery(SELECTOR).offset().top ; /*元素上边缘离document上边缘的距离。*/ 
    if ( toBe - nowAt < TRESHOLD) {
        //TRESHOLD为你想要的像素差值
        //下拉到离 SELECTOR所选取的元素底端 TRESHOLD像素以内时
        //这里写入加载更多的代码....
    }
}


解决方法 2:

$(function(){
    var $ap = $(".option1 p");
    var aId;
    $ap.each(function(){
        $(this).click(function(){
                $(this).css('background','#7B5AD6').siblings()
                .css('background','');
                aId = $(this).attr("id");
        })
    });

   $('.next a').click(function(){
       if(!aId){
           console.log(0);
           return false;   //没有点击
       }else{
          console.log(1);  //点击了
       }
    });
})


赞助商