CODEWITHSUNDEEP
javascriptjquery
Vinoth Babu
Vinoth Babu

Reputation: 6852

Call A Function On ScrollExtend - jQuery

How to call a function on scrollExtend. I need the code like below but its not working fine. How to make it work?

$(document).ready(
    function() {
        $('#scrollBox').scrollExtend(function() {
            //alert('scroll extend working');
            //functionCall();
        });
    }
);

But the actual code of scrollExtend is like below in which i dont know how to call a function on it,

jQuery('.scroll_container').scrollExtend({
    'target': 'div#scroll_items',
    'url': 'more_content.html',
    'newElementClass': 'list_item more_content'
});

Upvotes: 1

Views: 848

Answers (4)

Elias Van Ootegem
Elias Van Ootegem

Reputation: 76395

As BeadFist said, you can simply use onScrollBeyond:

 $('.scroll_container').onScrollBeyond(functionCall);//if the function exists already, just pass a reference too it
$('.scroll_container').onScrollBeyond(function()
{
    //your function
});

Mind you, for both scrollExtend and onScrollBeyond, you need the plugin, of course.

Upvotes: 1

Hodaya Shalom
Hodaya Shalom

Reputation: 4417

Try:

$('#scrollBox').scroll(function() {
   if($('#scrollBox').scrollTop() + $('#scrollBox').height() == $(parentElm).height()) {
       alert("bottom!");
   }
});

Upvotes: 0

BeardFist
BeardFist

Reputation: 8201

Try using onScrollBeyond:

$(document).ready(
  function() {
    $('#scrollBox').onScrollBeyond(function() {
      //alert('scroll extend working');
      //functionCall();
    });
  }
);

Upvotes: 0

Tobias
Tobias

Reputation: 883

I would use the built in function onScrollBeyond in JQuery.

Else there is a setting in scrollExtend that is called beforestart and onSuccess which both are callback variables which means you could put functions there like 

$('#scrollBox').scrollExtend({  
  'target': 'div#scroll_items',   
  'beforeStart': myFunction,  
  'onSuccess': mySecondFunction  
});

Regards

Upvotes: 1

Related Questions