无法滚动捕捉以全屏工作

Question

我有一个正在工作的网站：http://astra.kevbrown.ca/index2.php，并且无法使滚动快照正常工作。我有一系列100vh的盒子，我想在滚动时抓住每个盒子，以提供叙述性的观看方式。

body {
	margin:0px;
	max-width:100vw;
	scroll-snap-type: y mandatory;
}
.box { 
	width: 100%;
	height:100vh;
	background-size: cover;
	background-position: top center;
	text-align: center;
	position: relative;
	scroll-snap-align: start;
}

对这些人有帮助吗？