在具有数据表的页面中滚动到id不起作用

Question

这里http://files.giro54.net/fede/table-anchor/link-src.html我有一个带有两个链接的页面，第一个链接到一个页面，其中有五个表格由datatables插件生成，第二个链接指向一个简单的静态html，还有五个表格。两个链接都指向目标页面中的第5个表。第二个链接按预期工作：它滚动到静态html上的第5个表。但是第一个链接根本没有滚动。

我花了几个小时试图解决这个问题。 :( 谢谢。

Answer 1

为什么会这样？

默认情况下，静态html页面的滚动是自动的（这可能是浏览器问题）。这个问题有几个修复，我会让你决定哪个是最适合解决问题的：

我该如何解决这个问题？

正如JQuery的这个问题在默认情况下还没有解决，你可以动态地完成它（就像我们用JS / JQ做的其他事情一样）：

1.在$ document.ready中包含以下内容：

$window.scrollTo(0,document.body.scrollHeight);

2.抓住你想要的元素，并把它放到视口中：

$document.getElementById( 'bottom' ).scrollIntoView();

如上所述，有几种方法可以解决这个问题，问题在于JQuery与静态以及如何将其提供给所选择的浏览器，这些微调参数设置为默认情况下在某些浏览器中而不在其他浏览器中。

PS：明智的话，不要发布到您网站的链接，只是图片和代码片段。这可能会阻碍您将来与他人的回答。