0

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

每次您单击超链接时，我都会将其滚动到页面顶部。

发生的情况是它在页面仍在加载时滚动到页面顶部。

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

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

;

4

2 回答 2

1

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

演示

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。

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

于 2013-10-02T19:54:20.223 回答
0

根据正在加载的内容，您可以为 onload 添加事件侦听器，然后在“onclick”事件上滚动/更改不透明度以降低值并在“onload”上恢复。

于 2013-10-01T20:01:29.237 回答