窗口滚动 Y = 0 在高图表重绘(）

Window scrollY = 0 on Highcharts redraw()

本文关键字：高图表 滚动 窗口      更新时间：2023-09-26

我正在使用Highcharts 3.0.2

我有一个div#chart和两个js变量，var options1 = {...}, options2 = {...}。这些包含不同的高图表选项（比方说图表 1 和 2）。

在文档就绪时，js 调用 $('#chart).highcharts(options1) 。这愉快地生成了图表 1。

我有一个调用$('#chart').highcharts(options2)的点击事件侦听器。

单击时，会愉快地生成图表 2（替换div#chart 中的图表 1）。

然而！生成图表 2 时，某些内容会将 window.scrollY 重置为零。换句话说，如果用户在单击时从页面顶部向下滚动，则窗口将移回顶部。

是什么导致了这种行为，我该如何阻止它？

如果我希望它看起来好像页面刷新了，我会让它刷新！啊!!

小提琴：js小提琴

您可以像这样保存滚动位置：

var tempScrollTop = $(window).scrollTop();

然后在更改图表和页面标题后，将其重新设置：

$(window).scrollTop(tempScrollTop);

这是演示

相关文章：