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

Question

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

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

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

Answer 1

开始，您可以将内容设置为display: none;在你的CSS，并有onready处理程序调用.fadeIn()：https://jsfiddle.net/19e14sev/

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