Refresh the Scroll

[kendrelaxman]

Hi,
When I scroll to the bottom of DIV it will scroll smoothly but when I refresh the Div content, it has to start from the 0th page, but it doesn't get scroll . Any solution on this?

[dimaxweb]

You mean refresh the DIV content is ,page refresh ? Or you just empty content of the DOM element ?

[kendrelaxman]

First I load 1 to 10 Pages in the DIV by scrolling then I refresh the Content of DIV,Now it loads only 1st Page in the DIV, Again when I tries to scroll down now it will not go for next page or even call will not go to 'handleScroll'

[kendrelaxman]

You got the issue or Should I explain more to you?

[dimaxweb]

I will look on that ,but for now you can do following when passing options to plugin :
1.set the monitorTargetChange:false
2.in handleScroll callback ,call the donCallback() function when you next page is loaded and div html is updated.

[kendrelaxman]

Ok thanks. I will check that, But is there anyway I can reset the values so that it can start again for scrolling from 1st page?

[pankaj4may]

Hello Kendrelaxman,

Were you able to reset the values? Please let me know, I have integrated the plugin in my code and now need to reset the values ...i.e need to start scrolling from first page. Please help.

Thanks

[dimaxweb]

What you need to do is just to call the paged_scroll on the element again with new options : $(element).paged_scroll({startPage:0})
I provided the functional example now of how things are working in : test/resetScroll.html

[kendrelaxman]

Yes I have found a work around for this.
I have initialized the paged_scroll code again which I am using it for
pagination. This resetted the values.

Regards,
Laxmikant

On Thu, Feb 6, 2014 at 1:28 AM, Dmitry notifications@github.com wrote:

What you need to do is just to call the paged_scroll on the element again
with new options : $(element).paged_scroll({startPage:0})
I provided the functional example now of how things are working in :
test/resetScroll.html

Reply to this email directly or view it on GitHubhttps://github.com//issues/1#issuecomment-34230874
.

[pankaj4may]

Thanks Guys, I have tried it , and it seems there is an issue, please correct me if I am wrong. My way of integration & work flow.
On page load --- in document ready i have used $(window).paged_scroll({
handleScroll:function (page,container,doneCallback) {
console.log("Page = " + page);
//my logic for getting data & appending to target element
doneCallback();
},
triggerFromBottom:'10px',
targetElement : $('#element'),
loading : {
html : '

'
},
//pagesToScroll: 4,
monitorTargetChange : false
});
in initial page i show n records and and in my logic for handle scroll i fetch next n and so on ---- this is working as expected with console printing Page = 1 on first scroll then Page = 2 on second scroll etc...

on the page i have a search box --- when user fills in criteria and hit search button , i do an ajax search,i do a clear (empty the target element ) and calling $(window).paged_scroll({}); ---with same options as in document ready.

after that if i scroll at the bottom --- handle scroll functions gets called but with printing of 2 log lines --- Page = 3 (if prior to search i scrolled 2 times) , Page = 1 ... etc if i again do a new search it will print 3 console lines ---

It seems to me that the previous $(window).paged_scroll({}) hasn't got unbinded or some thing on those lines ... please suggest if i am doing it the right way or let me know if i am not clear enough for you guys to respond.

[dimaxweb]

Do you updated to latest version ?

[pankaj4may]

I think i am not, I am using the minified version , did you make any change in the unminified version ? sorry for this trouble but i don't have github for windows and i downloaded the zip file and using files from there. I've also seen the code for test/resetScroll.html --- you used $("#element).scrollTop(0) --- I were not using that before in my integration --- so As of now i have same code as in resetScroll.html with only exception of different plugin files --- i am using minified one ... so if i am correct i need to use the unminified file from latest src folder. and it should work ? what do you say?

[dimaxweb]

The raw and minified versions are the same ...,but I suggest download the zip again and use files from new there are
If I understood you correctly the functionality provided in example is satisfying your needs ?
Also after resetting the html you need to reset the div also $("#element).scrollTop(0) .Hope this will solve you problems

[pankaj4may]

okay, i'll do as suggested. if i have paged scroll on window and target
element is a div... and say i attach page scroll on doc ready but my
initial results are say less...when i scroll to bottom to see the footer,
handler for scroll fire...again... is there a way to destroy / unbind the
paged scroller or only way is to apply it by reinitializing and
conditionally i.e in initial html filler code.. you must be getting my
point...plz let me know i'll make it more clear.
On Feb 6, 2014 12:26 PM, "Dmitry" notifications@github.com wrote:

The raw and minified versions are the same ...,but I suggest download the
zip again and use files from new there are
If I understood you correctly the functionality provided in example is
satisfying your needs ?
Also after resetting the html you need to reset the div also
$("#element).scrollTop(0) .Hope this will solve you problems

Reply to this email directly or view it on GitHubhttps://github.com//issues/1#issuecomment-34297291
.

[dimaxweb]

Its only the way to re initializing it for now ,but this suppose to the job.

[pankaj4may]

Hi , thanks for all the valuable inputs, I have observed that when i run testscroll.html and scroll only a bit in the container dive ... scroll handler gets fire , is this correct ? or should it fire when scrolled to 20 px from bottom of the container ? Please suggest