I can't make it work on my PopOver content,
var notifas=10;
$(notif_scroll=function() {
$('#notif_drop').scrollAppend({
url: 'notifications.php',
pixelBuffer:50,
params: { action: "more", start: notifas},
appendTo: "#notif_drop",
footerClass: "#footer_drop",
callback: function() {
console.log("start:"+(notifas));
notifas+=10;
$('[rel=timeago]').timeago();
notif_scroll();
$(".popover-content").mCustomScrollbar("update");
$(".popover-content").mCustomScrollbar("scrollTo","top");
}
});
});
<div id="notif_drop">
<ul class="not"><li class="notif">
<a class="notif" href="/core/feed.php?id=104&to=/about">
<img src="/img/default_user_icon.jpg">
<span class="header">
<span class="name">_Minimal_</span>
<span class="desc">eafcjsay</span>
</span>
<span class="time"><i class="icon-time"></i><abbr title="2013-03-13 15:29:13" rel="timeago">about 8 hours ago</abbr></span>
</a>
</li>
</ul>
.................................................................................................................................
<ul class="not"><li class="notif">
<a class="notif" href="/core/feed.php?id=63&to=/about">
<img src="/img/default_user_icon.jpg">
<span class="header">
<span class="name">NetM</span>
<span class="desc">rjwrwfum</span>
</span>
<span class="time"><i class="icon-time"></i><abbr title="2013-03-13 13:53:21" rel="timeago">about 9 hours ago</abbr></span>
</a>
</li>
</ul></div>
<<div id="footer_drop">End</div>
but when i scroll at the end of the page, it load the content inside the popover... :/
Edit: I also changed some lines into the source code
Line: 206
$(self.options.footerClass).addClass('footer_fixed')
->
//$(self.options.footerClass).addClass('footer_fixed')
Line: 212
self.position = 'fixed';
->
//self.position = 'fixed';
Well i Noticed in the code that is only for WINDOW, can you make it dynamic for each content or shall i make it?