Forum | Appery.io

on it. will let you know.

that wasn't particularly helpful or actually I couldn't figure out how to integrate it. Actually that's the problem I'm having with this. material also.
http://dl.dropboxusercontent.com/u/83...

If anyone has implemented one before can you point me to what they did?

1. You need to add "jQuery lazy scroll loading plugin" into the project
   http://docs.appery.io/documentation/u...
   https://code.google.com/p/jquerylazys...
   1. Put JS code from usage section to your project.

Hi Igor
I added the plugin and this function:

$(".doz_chat_messageBody_wrapper").lazyScrollLoading({
lazyItemSelector : ".doz_chat_messageBody",
onLazyItemFirstVisible : function(e, $lazyItems, $firstVisibleLazyItems) {
$firstVisibleLazyItems.each(function() {
this.innerHTML = this.getAttribute("lazy-text");
});
}
}); on page load.

I'm not sure how to use "this.getAttribute("lazy-text");" but it's not working.

Basically I'm adding chatting to my app and I don't want to list all previous chats at once as that slows the app significantly.
I want to list just enough to fill the screen and then on scrolling, load more previous chats.

Can you point me in the right direction?

Hi,

Please try this example "Simple demo: Window scroll to the end" from http://dl.dropboxusercontent.com/u/83...

Hi Katya
that's the precise plugin I've tried. I added the plugin and the code below on page load:

$(".doz_chat_messageBody_wrapper").lazyScrollLoading({
lazyItemSelector : ".doz_chat_messageBody",
onLazyItemFirstVisible : function(e, $lazyItems, $firstVisibleLazyItems) {
$firstVisibleLazyItems.each(function() {
this.innerHTML = this.getAttribute("lazy-text");
});
}
});

It's not working for me.

Are there any console errors (F12)? What do you store in variables $lazyItems, $firstVisibleLazyItem etc?

Hi!
Im following this post, to implement infinite scrolling.

1. I create a JS asset with this file:
   jquery.lazyscrollloading-min

2. Now I need help on how to use this code (for the simple demo):
   code $(document).ready(function() {
   $("#lazyScrollLoading").lazyScrollLoading({
   lazyItemSelector : ".lazyItem",
   onLazyItemFirstVisible : function(e, $lazyItems, $firstVisibleLazyItems) {
   $firstVisibleLazyItems.each(function() {
   this.innerHTML = this.getAttribute("data-lazytext");
   });
   }
   });
   }); code

   can any body guide me on how to achieve this?

   Regards/code/code

Hi Alex,

Did you add HTML component with this layout?
https://code.google.com/p/jquerylazys...