Here's my example modified with the workaround. I just wrap the table with another div and set its height be to the same of the table's height once the table has been rendered.
https://jsfiddle.net/eg9a6noy/ Problem solved. On Tuesday, August 4, 2015 at 10:02:45 AM UTC-5, David Manz wrote: > > The problem shows up when you are scrolled down near the bottom of the > page. When the redraw occurs, the table momentarily disappears causing the > page to be shortened, the window to scrolls up by an amount equal to the > height of the table that just disappeared, and when the table reappears, > the window does not return to its previous scroll position. > > I am going to try coming up with a workaround that involves wrapping the > table in an element that will hold the place for the table while it > disappears and is redrawn. > > > On Monday, August 3, 2015 at 5:59:04 PM UTC-5, David Manz wrote: >> >> Riccardo, >> >> I modified your example to illustrate a similar problem that I have been >> having. The main differences are that I am using a Table, I am reusing the >> Table and DataTable instead of starting anew each time I redraw, and I am >> redrawing in response to the click of a link instead of an Ajax request. I >> did also remove the hard-coded dimensions on the chart. >> >> You'll notice that when you click the update link at the bottom of the >> example, the screen scrolls so that the link is no longer in view. >> >> https://jsfiddle.net/q4jaafqn/ >> >> David >> >> >> On Monday, October 3, 2011 at 3:42:23 AM UTC-5, Riccardo Govoni ☢ wrote: >>> >>> Hi David, >>> can you provide some extra info about the visualization you're using >>> and/or an example page showing the problem? >>> >>> I created this quick example: http://jsfiddle.net/7JLQ3/1/ that >>> contains a chart placed in the middle of a very long page, updating every 5 >>> seconds. I can't reproduce your problem: when the chart redraws the >>> scrolling position is unaffected. >>> >>> -- R. >>> >>> On 2 October 2011 23:17, Julian King <[email protected]> wrote: >>> >>>> Two things, first are you using the GoogleVisualizationsForDotNet that >>>> I published on code.google.com? If not then i can't vouch for anyone >>>> else's implementation of google charts. If you are using my wrapper class >>>> then the behavior you describe sounds like a postback? I have a chart >>>> refreshing though AJAX and the page doesn't scroll. >>>> >>>> If it is my chart wrapper please send sample code. >>>> >>>> >>>> On Sat, Oct 1, 2011 at 2:41 AM, David Vallee <[email protected]> wrote: >>>> >>>>> So I have an ajax call every seconds, grabbing some json data, and I >>>>> have some setValues to update the datatable with the json data. At the >>>>> moment I update the chart with the draw method, the page scrolls back >>>>> to the chart being updated. How can I prevent this behavior? >>>>> >>>>> -- >>>>> You received this message because you are subscribed to the Google >>>>> Groups "Google Visualization API" group. >>>>> To post to this group, send email to [email protected]. >>>>> To unsubscribe from this group, send email to >>>>> [email protected]. >>>>> For more options, visit this group at >>>>> http://groups.google.com/group/google-visualization-api?hl=en. >>>>> >>>>> >>>> >>>> >>>> -- >>>> Best Regards, >>>> >>>> Julian King >>>> (206) 697-4663 >>>> [email protected] >>>> >>>> -- >>>> You received this message because you are subscribed to the Google >>>> Groups "Google Visualization API" group. >>>> To post to this group, send email to [email protected]. >>>> To unsubscribe from this group, send email to >>>> [email protected]. >>>> For more options, visit this group at >>>> http://groups.google.com/group/google-visualization-api?hl=en. >>>> >>> >>> -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/google-visualization-api. For more options, visit https://groups.google.com/d/optout.
