Question

所以我有一个通过pjax（IE中的非pjax）加载的页面，你在底部有一堆链接。

每次点击超链接，我都会滚动到页面顶部。

当页面仍在加载时，它会滚动到页面顶部。

我很好，但我想知道有没有办法在页面加载时添加一些不透明度？注意：我不确定在pjax和非pjax启用的浏览器中都能使用的解决方案。

$(document).on('click', 'my-link a', function() {
  $('html, body').animate({ scrollTop: 0 }, 'fast');
})

Answer 1

取决于正在加载的内容，您可以为onload添加事件侦听器，然后在'onclick'事件上滚动/更改不透明度为较低值并恢复'onload'。

Answer 2

我个人觉得你的问题很难理解，但我为你做了一个例子：

DEMO

HTML：

<body>
    <div class="loader"></div>    
    <div id="content">
        <img src="http://0.tqn.com/d/studenttravel/1/0/i/T/Silleteros-1.jpg" />
    </div>
</body>

JS：

$(window).load(function() {
        $("body").css({ opacity: 1.0 });
})

CSS：

body {
    opacity: 0.5;
}

在加载页面时，body设置为opacity 0.5，页面加载完成后，opacity将设置为1.0。

还为不会从缓存中加载图像的示例小提琴添加了代码，因此在运行小提琴时将始终显示该效果（如果在第一次运行时未显示效果，请尝试再次运行它）。希望这会对你有所帮助。

jquery在滚动和加载页面时添加不透明度

2 个答案: