jq如何实现预读和自动翻页功能

想要实现的功能就是，当页面浏览到底部的时候，自动加载第二页的内容

解决方案 »

  1.   

    做个js监听事件，判断滚动条到底部的某个位置后，自动加载（js加载 ）第二页内容
      

  2.   

    我给你一个建义吧：

    算了，还是贴出代码给你了。
          还请你 多多关注一下我的问题（[color=#C0C0C0]我现在还有几个问题没有解决啊）！谢谢！！！[/color]
    代码如下：
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <script type="text/javascript" src="JS/jquery-1.4.2.js"></script>
    <script src="JS/jquery-1.4.2-vsdoc.js" type="text/javascript"></script>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>无标题文档</title>
        <style type="text/css"> </style>
        <script type='text/javascript'>
        var CenterOffsetY;
    function wheel(ev){
    ev = ev||window.event;
    var data;
    if(ev.wheelDelta){//IE/Opera/Chrome
    data = ev.wheelDelta;
    }
    else if(ev.detail){//Firefox
           data = ev.detail
    }
    if (data == 13)//向下
    {
         $("title").html((ev.offsetY||ev.layerY).toString()+":"+ev.clientY.toString());
         if(CenterOffsetY==(ev.offsetY||ev.layerY))
         {
    alert("到了下面");
         }
         CenterOffsetY = (ev.offsetY||ev.layerY);
     }
    else if (data == -13)//向上
    { 
    $("title").html((ev.offsetY||ev.layerY).toString()+":"+ev.clientY.toString());
    if(CenterOffsetY==(ev.offsetY||ev.layerY))
         {
    alert("到了上面");
         }
         CenterOffsetY = (ev.offsetY||ev.layerY);
    }
    };
    if (document.attachEvent) {
    document.attachEvent('onmousewheel', wheel);
    } Firefox使用addEventListener添加滚轮事件复制内容到剪贴板代码: /*Firefox注册事件*/
    if (document.addEventListener) {
    document.addEventListener('DOMMouseScroll', wheel, false);
    }
    </script>
    </head>
    <body >
    <hr />
    <div>
    <hr />
    <br />UP<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />0<hr />
    <br />1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />0<hr />
    <br />1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />0<hr />
    <br />1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />0<hr />
    <br />1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />0<hr />
    <br />1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />0<hr />
    <br />1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />0<hr />
    <br />1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />0<hr />
    <br />1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />0<hr />
    <br />1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />0<hr />
    <br />1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />0<hr />
    <br />1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />0<hr />
    <br />Down<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />0<hr />
    <hr />
    <hr />
       </div>
    </body>
    </html>
      

  3.   

    上面的代码有误：
     那个(data ==13  和 data ==-13 )是错的，
    虽然，在我的浏览器是运行，是因为我的浏览器 轮了每动一下，页面翻转13 行。下面的代码才是正确的！ 
    还请你 多多关注一下我的问题（我现在还有几个问题没有解决啊）！谢谢！！！
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <script type="text/javascript" src="JS/jquery-1.4.2.js"></script>
    <script src="JS/jquery-1.4.2-vsdoc.js" type="text/javascript"></script>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>无标题文档</title>
        <style type="text/css"> </style>
        <script type='text/javascript'>
        var CenterOffsetY;
    function wheel(ev){
    ev = ev||window.event;
    var data;
    if(ev.wheelDelta){//IE/Opera/Chrome
    data = ev.wheelDelta;
    }
    else if(ev.detail){//Firefox
           data = ev.detail
    }

    if (data > 0)//向下
    {
         $("title").html((ev.offsetY||ev.layerY).toString()+":"+ev.clientY.toString());
         if(CenterOffsetY==(ev.offsetY||ev.layerY))
         {
    alert("到了下面");
         }
         CenterOffsetY = (ev.offsetY||ev.layerY);
     }
    else if (data <0)//向上
    { 
    $("title").html((ev.offsetY||ev.layerY).toString()+":"+ev.clientY.toString());
     if(CenterOffsetY==(ev.offsetY||ev.layerY))
         {
    alert("到了上面");
         }
         CenterOffsetY = (ev.offsetY||ev.layerY);
    }
    };
    if (document.attachEvent) {
    document.attachEvent('onmousewheel', wheel);
    } 
    //Firefox使用addEventListener添加滚轮事件复制内容到剪贴板代码: /*Firefox注册事件*/
    if (document.addEventListener) {
    document.addEventListener('DOMMouseScroll', wheel, false);
    }
    </script>
    </head>
    <body >
    <hr />
    <div>
    <hr />
    <br />UP<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />0<hr />
    <br />1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />0<hr />
    <br />1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />0<hr />
    <br />1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />0<hr />
    <br />1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />0<hr />
    <br />1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />0<hr />
    <br />1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />0<hr />
    <br />1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />0<hr />
    <br />1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />0<hr />
    <br />1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />0<hr />
    <br />1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />0<hr />
    <br />1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />0<hr />
    <br />1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />0<hr />
    <br />1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />0<hr />
    <br />Down<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />0<hr />
    <hr />
    <hr />
       </div>
    </body>
    </html>