如何在div上向下滾動中繼器而不是瀏覽器窗口向下滾動？

我有一箇中繼器的記錄加載在向下滾動主瀏覽器窗口，但我想添加一個滾動div和加載中繼器滾動下div而不是主瀏覽器窗口。這就是我現在有..如何在div上向下滾動中繼器而不是瀏覽器窗口向下滾動？

http://snag.gy/MKKFn.jpg（這一個工作得很好，我可以加載中繼器記錄在瀏覽器窗口向下滾動）。

這就是我想要實現的.. http://snag.gy/n9Ufw.jpg（我已經添加了滾動div，現在我不知道如何加載中繼器滾動此div而不是瀏覽器窗口）。

ASPX：

<div id="scr" style="height:400px;overflow-x:hidden;overflow-y: scroll;> 
    <div id="dvCustomers" >  
    <asp:Repeater ID="rptCustomers" runat="server" > 
      <ItemTemplate> 
       <table cellpadding="0" cellspacing="0" border="0" style="width: 400px; height: 50px; 
       border: dashed 0px #04AFEF; background-color:#00BFFF"> 
       <tr> 
        <td> 
         <b><u><span class="name"> 
          <%# Eval("MsgId") %></span></u></b> 
        </td> 
       </tr> 
       <tr> 
        <td> 
         <b>City: </b><span class="city"><%# Eval("FromId") %></span>&nbsp&nbsp&nbsp&nbsp&nbsp 
         <b>Postal Code: </b><span class="postal"><%# Eval("ToId") %></span> 
         <b>Country: </b><span class="country"><%# Eval("Msg")%></span>           
        </td> 
       </tr> 
      </table> 

      </ItemTemplate> 
     </asp:Repeater> 
     </div> 
</div>

代碼加載轉發：

<script type="text/javascript"> 
    var pageIndex = 1; 
    var pageCount; 



    $(window).scroll(function() { 
     if ($(window).scrollTop() == $(document).height() - $(window).height()) { 
      GetRecords(); 
     } 
    }); 
//GetRecords() is for loading records in repeater

UPDATE 我想....

https://stackoverflow.com/a/6271466/2064292

和它的工作！但奇怪的是，它只加載記錄一次，然後停止工作。例如，如果有22條記錄，那麼在滾動10-20條記錄時會加載，但在此之後它將停止運行。

它沒有工作。

來源

2013-06-19 Arbaaz

你的意思是這樣的：還有一個例子！ –

@SebastianWiteczek我不認爲這會工作，因爲我不想加載滾動主窗口本身。我想加載滾動div。 – Arbaaz

檢查我的更新 – Arbaaz

這個工作.. https://stackoverflow.com/a/6271466/2064292 但我這是工作只有一次，即記錄被上向下滾動只裝載一次，然後停止工作，所以我在這個問題的答案改變#flux{width:400px;height:400px;overflow:auto;}內聯

style="width:400px;height:400px;overflow-x:hidden;overflow:-y:scroll;

它解決一切。

來源

2013-06-19 09:21:26 Arbaaz

如何在div上向下滾動中繼器而不是瀏覽器窗口向下滾動？

回答

相關問題