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

Question

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

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

任何帮助/建议都是非常感谢的！

Answer 1

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

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