我在一个页面上有多个图表,包含在Bootstrap可折叠div中。每个图表都是动态的,这意味着用户执行的操作可能会导致图表更新。我看到的问题是,每次调用update()之后,页面的滚动位置都会返回到顶部。
我尝试了一个我在另一个问题中读到的建议,在调用update之前存储当前的滚动位置,并在update调用之后重新设置它,但这不起作用。
下面是我正在尝试的当前序列:
let pos = $(document).scrollTop();
this.chart.update();
console.log(`Setting scroll to: ${pos}, window.scrollY = ${window.scrollY}`);
$(document).scrollTop(pos);它会在控制台中记录以下内容:
Setting scroll to: 968, window.scrollY = 968但是,窗口仍会滚动回到页面顶部。我检查了Chart.js文档中的事件,看看是否有更新后事件可以用来设置滚动位置,但列出的事件只与触摸/鼠标事件相关。
任何帮助都将不胜感激!
发布于 2021-10-10 13:22:02
啊。问题是dropdown select有一个不需要的'href="#"‘标签,它只需要onclick事件。
https://stackoverflow.com/questions/69515297
复制相似问题