Source:http://www.webresourcesdepot.com/load-content-while-scrolling-with-jquery/   <---

http://webdeveloperplus.com/jquery/create-a-dynamic-scrolling-content-box-using-ajax/
http://superdit.com/2011/04/07/jquery-collapsible-load-scroll/
 
Content structure  look like:
data-id="8"> Some content is here...
data-id="9">Some content is here...


Firstly,I created a controller like:
       public ActionResult Content()
        {
            int count = 5;
            var list = JokeRepository.FindAll().OrderByDescending(j => j.CreateTime).Take(count);
            return View(list);
        }
        public ActionResult ScrollToContent(int  lastId )
        {
            int count = 5;
            var list = JokeRepository.FindAll()
                .Where(i => i.Id <  lastId )
                .Take(count).OrderByDescending(i => i.Id);
           
            return Json(list,JsonRequestBehavior.AllowGet);
        }
 
Then,a view is created.
@model IEnumerable
 
@foreach (var item in Model)
{
   
data-id ="@item.Id">@item.Title
}
 
Finally,let's write some js to achieve scroll to load data.
 
Hope this help,
Lisknove.