Jquery #chrome上的标签导航故障-正确跳转到某些部分，但不是全部

我正在努力寻找以下故障的根本原因：

转到第2卷或第3卷并单击目录上的任意散列链接会产生奇怪的结果：

1.-如果我点击从1到16-18的任何“章节”链接（直到你需要滚动查看目录的其余部分之前）-一切看起来都很正常。你会被带到指定的区域

2.-如果我单击前16-18项和下几项之间的“边界”或阈值附近的任何章节链接，需要我在目录上向下滚动，则会有移动，但不会移动到右侧部分

3.-有时，如果我多次单击所有内容，它就会正常工作

4.-该故障无法在第1卷中重现。与其他两卷不同，目录不够大，不足以保证溢出，但即使如此，这也很可能与溢出无关

新建编辑：如果我使窗口高度足够窄，以强制目录的滚动变为活动状态，则可以在第1卷中复制该编辑。

我的第一反应是在firefox上进行测试，令我惊讶的是，它在firefox上运行得很好。只有使用chrome-48.0.25（在撰写本文时），我才看到这个小故障发生

我怀疑这与非常长的一页文档以及加载所有文档所需的时间有关-但是。。。我不能肯定。也许它与一些jquery代码冲突

和往常一样，任何正确方向的帮助或指点都是非常受欢迎的

干杯

---

索特拉

我认为你的问题不在于执行，而在于计划。你的问题似乎源于加载过多的内容，至少与一般的互联网页面相比

现在的浏览器不再是为了加载大量数据而优化的（这就是我们使用强大的服务器的目的，对吧？），而是为了大量的动画页面（所有的动画都应该流畅地运行，不会在运动连续性方面出现问题-这是每个浏览器制造商和/或框架开发人员的目标-最终实现流畅的动画敬畏[someness]）

您应该一次只加载一个节和目录。在我看来，这就像是完美的AngularJs用例，它将异步调用RESTAPI来获取每个节的内容，同时保留摘要

对您的问题的正确/实际答案可能源于

标记或类似错误。但这是您面临的另一个巨大问题。事实上，您的项目几乎不可能开发、维护和调试

尽管它不能直接回答你的问题，但我认为我的建议比任何关于主题的
答案都能更好地解决你真正的问题


编辑：（来自评论）显然，将
位置：fixed
导航菜单直接放在
下可以解决问题。在这种情况下，我的建议是从帖子内容中完全删除
#toc
元素，并使用以下小脚本将其放在
下：

jQuery(document).ready(function( $ ) {
    $('#toc').appendTo('body');
});

当然，它需要对CSS中的几个选择器进行一些更改，因此样式将应用于移动的项目。
我同意您的一些观点。但是，客户正在对文档进行更改和修复，他特别要求使用一个巨大的单页作为舒适的预览方法。即使在n严重压缩，仅vol1一个页面的容量仍然是60+MB。话虽如此，如果我删除所有图像并将页面缩小到总文件大小小于1MB，故障依然存在。我还尝试删除99%的html内容，但故障依然存在。只要我删除目录本身的一些项目，故障就会消失。这是m这意味着这个小故障更多地与固定目录div上的第二个滚动条有关，而不是与文档的大小或其中的内容有关。因此，我非常希望找出问题的根本原因。我相信调试这个问题的关键是M in。可能尝试创建一个长的摘要，但只有占位符（代替实际章节内容）？还要尝试暂时更改摘要的位置？当您转到某个部分时，为什么摘要会切换？
控制台。日志显然是您的朋友。Andrei：我正是这样做的：我限制了我的内容，而错误仍然存在。唯一不同的是，我的目录是否与我的#散列相区分链接在一个固定的div上，有自己的滚动，或者如果它是一个位置：静态div，使用页面其余部分的“常规”滚动。这在firefox上不会发生。这肯定是一个IE错误。我通过在position:fixed和static之间切换部分解决了它，具体取决于目录是“开放使用”还是折叠以获得更多内容文本空间。非常奇怪=/I（手动）将菜单（toc）移动到
下（使其
位置：固定；高度：100vw；oveflow-y:auto；
），它开始正常工作。当然，有一些样式问题需要处理，但我相信您可以很容易地解决，查看您的CSS分数！？