javascript - 刷新后如何淡入页面内容？

Question

我已经构建了一个相当简单的网站，它利用 pjax 来加载内容。我的问题是:一旦用户滚动到任何给定页面的中间并执行刷新，页面就会从顶部开始重新加载，然后向下跳转到用户刷新时距顶部的任意距离。

我的问题是:如何在刷新后隐藏所有文档内容，然后在短暂的超时(例如半秒)后淡入所有内容以避免页面跳转？

非常感谢任何帮助/建议!

Answer 1

您可以最初在 CSS 中将内容设置为 display: none; 并让 onready 处理程序调用 .fadeIn(): https://jsfiddle.net/19e14sev/

$(function() {
   var secondsToWait = 2;
   setTimeout(function() {
      $('#content-selector').fadeIn();
   }, secondsToWait * 1000);
});