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

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

javascript jquery html css

Javascript jquery在滚动和加载页面时添加不透明度,javascript,jquery,html,css,pjax,Javascript,Jquery,Html,Css,Pjax,所以我有一个页面是通过pjax（IE中的非pjax）加载的，在这个页面的底部有一堆链接每次你点击超链接，我都会让它滚动到页面顶部发生的情况是，当页面仍在加载时，它会滚动到页面顶部我很好，但我想知道有没有办法在加载页面时增加一些不透明度？注意：我不确定是否有一个解决方案可以同时在pjax和未启用pjax的浏览器中工作 $(document).on('click', 'my-link a', function() { $('html, body').animate({ scrollTop

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

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

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

我很好，但我想知道有没有办法在加载页面时增加一些不透明度？注意：我不确定是否有一个解决方案可以同时在pjax和未启用pjax的浏览器中工作

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

)

根据加载的内容，您可以为onload添加事件侦听器，然后在“onclick”事件上滚动/更改不透明度以降低值，并在“onload”上恢复。我个人觉得您的问题很难理解，但我为您举了一个例子：

HTML:

CSS:

加载页面时，

body

设置为

opacity 0.5

，页面加载完成后，

opacity

将设置为

1.0

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

您希望在哪里添加不透明度？到body？$（“body”）.css（{opacity:0.5}）；当页面通过pjax或常规加载时，我需要不透明度。

<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>

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

body {
    opacity: 0.5;
}