Question

嗯，现在它的黑色闪光，因为我的身体变黑了。所以看起来闪光灯来自尚未加载的背景视频..但是当我进入下一页时为什么我还会看到白色闪光？那里没有视频吗？

网站 - ＆gt; www.universityofempathy.com

请让我知道如何解决这个问题。我试图在页面加载时隐藏正文，然后在加载窗口时显示它。但这并没有解决任何问题。

iv尝试了什么：

$(document).load(function () {

    $('body').hide();
   $(window).load(function(){
        $('body').show();
});

Answer 1

它很可能是因为试图用JS隐藏它，因为它本身需要花费时间（非常短的时间）来执行。相反，你应该在开始时使用css来处理它。所以你可以添加：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="device-width, initial-scale=1">
	<title>Responsive Side Nav</title>
	<link rel="stylesheet"  href="css/normalize.css">
	<link rel="stylesheet"  href="css/style.css"
</head>
<body>
 
  <div id="sidebar">
  
	<nav>
		<ul>
			<li><a href="#" class="active">Home</a></li>
			<li><a href="#">About</a></li>
			<li><a href="#">Services</a></li>
			<li><a href="#">Contact</a></li>
		</ul>
	</nav>
	
	<div id="sidebar-btn">
		<span></span>
		<span></span>
	  	<span></span>
	</div>
 </div>
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
     <script>
	  
		 $(document).ready(function(){
			 $('#sidebar-btn').click(function(){
				 $('#sidebar').toggleClass('visible');
			 });
		 });
		 
	</script>
</body>
</html>

一旦准备好显示，就运行body { display: none; }。

此外，您应该使用ready听众，而不是$('body').show() load

页面加载前的白色闪烁

1 个答案: