Бесконечная прокрутка для мобильного телефона с использованием Javascript и Ajax - PullRequest
Новая
       1

Бесконечная прокрутка для мобильного телефона с использованием Javascript и Ajax

1 голос
/ 03 апреля 2012

Я хочу реализовать бесконечную прокрутку для мобильного сайта.Я хочу найти плагин для этого, который использует JS, PHP и Ajax.

Кроме того, он должен показывать больше для прокрутки, как в Google Images Search.

Заранее спасибо !!

Ответы [ 3 ]

3 голосов
/ 03 апреля 2012

вы можете найти один здесь PS: jQuery отлично работает со смартфонами, поэтому я думаю, что это должно работать для вас.

Редактировать

Прекрасно работает в Windows Phone 7.5

1 голос
/ 06 апреля 2012

Получил код: 

<html>
   <body>
   <div id="test">scroll to understand</div>
   <div id="wrapper" style="height: 400px; overflow: auto;">
   <div id="content"> </div>
   </div>
   <script language="JavaScript">
   var more = '<div style="height: 1000px; background: #EEE;"></div>';
   var wrapper = document.getElementById("wrapper");
   var content = document.getElementById("content");
  var test = document.getElementById("test");
  content.innerHTML = more;

  function addEvent(obj,ev,fn) {
if(obj.addEventListener) obj.addEventListener(ev,fn,false);
else if(obj.attachEvent) obj.attachEvent("on"+ev,fn);    
 }

 function scroller() {
test.innerHTML = wrapper.scrollTop+"+"+wrapper.offsetHeight+"+100>"+content.offsetHeight;
if(wrapper.scrollTop+wrapper.offsetHeight+100>content.offsetHeight) content.innerHTML+= more;
}

addEvent(wrapper,"scroll",scroller);
</script>
</body>
</html>

Но вместо этого я хочу, чтобы прокрутка происходила в конце страницы, так как это jquery обусловливает это ... Как это сделать в javaScript?

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

1 голос
/ 03 апреля 2012

Эта ссылка может быть полезна для вас

http://www.webdeveloperjuice.com/2010/02/24/create-infinte-scroll-effect-using-jquery-with-demo/

...