HTML / JS：滚动到顶部视觉工件

Question

http://daniel.concept9.ca/ - 正如你所看到的，非常基本的网站 - 问题是每次我向下滚动（我低于顶部）然后点击＆＃34;关于＆＃34;在菜单中，它会显示整页可视化工件1-2秒，然后启动并打开仅部分。

我认为这可能与我在加载页面时进入控制台的错误有关：＆＃34;未捕获的TypeError：无法读取属性＆＃39;顶部＆＃39; of undefinedglobal.min.js：42（匿名函数）＆＃34; ......但是我在JS的n00b上......

非常感谢任何帮助！

谢谢！ 担。

Answer 1

点击“关于”时，网站：

1. 滚动到顶部
2. 将标题位置从“固定”切换为“绝对”
3. 3D翻译是否在“关于”部分
4. 移动标题

据我所知，它试图同时完成所有这些。那里有一些计算密集的函数，主要涉及尝试重新渲染整个页面，同时进行javascript滚动。

此外，页面底部还包含大约25个javascript文件（主要是jQuery插件），其中大部分可能会在一定程度上降低页面速度。这就是购买一个漂亮的商业主题的危险 - jQuery插件使主题创建者的开发工作很少，但页面性能却很糟糕。

有许多方法可以改善此操作的性能并摆脱渲染工件，但可能没有任何快速和简单的方法。最简单的方法可能是确保首先发生滚动并在回调函数中显示“关于”窗格。不幸的是，大多数JS都被模糊/缩小，因此很难准确解释该做什么。