javascript - jquery一页滚动从底部开始

Question

我正在使用 One Page Scroll jquery 插件 ( https://github.com/peachananr/onepage-scroll )，我想让网站从底部开始。

我有五个部分，所以当我添加时:

   $( window ).load(function() { $(".main").moveTo(5); })

页面在顶部加载，然后立即向下滚动到底部。我试图避免这种情况:只希望它在底部加载，然后用户可以向上导航。

我仍在学习 jquery/javascript，所以我觉得这是一个简单的修复，这就是我在论坛中找不到答案的原因。

在此先感谢您的帮助或指导。

Edit: here's the working example

Answer 1

这将非常困难，原因有二:

1. 浏览器从上到下构建 DOM，就像倒置堆叠 block 一样。 window.onload 或 $(document).ready 上的处理程序在页面构建和呈现后才会运行。加载脚本和内容时的任何延迟都会加剧延迟时间。要从一开始就影响它的外观，您的代码甚至需要在 window.onload 之前运行。 (编辑:您可以使用事件处理程序之外的 JS 执行此操作，并且物理上在您正在渲染的元素之前运行，但它会在这些元素存在之前运行。除其他问题外，您还不知道任何东西有多高。)

2. 在呈现 DOM 之前， 页面没有底部。随着更多 block 的堆叠，它会增加高度。您可以添加某种具有绝对高度的包装器，但这有其自身的问题。

如果您真的希望它顺利运行，您可能需要更激进的方法。我建议您从初始响应中排除第一页，然后动态添加它。您可以给它一个内联 style="display:none" 或稍后添加它通过 AJAX。在顶部注入(inject)内容会将其他所有内容向下推，因此您需要在页面向上扩展时自动向下滚动。如果你做对了，用户应该永远无法分辨。