Question

就像标题一样，我对此很困惑。我想要一个元素从视口底部弹出时开始旋转，并在视口中心完成它，所以我使用数据 - bottom-top =＆＃34; transform：rotate（0deg）;＆＃34; 作为开始，数据中心=＆＃34;变换：旋转（360度）;＆＃34; as end，我设置 position：abosule; top：1000px; 以确保它首先离开视口。但在滚动之前，元素类是 skrollrable-之间即可。一定是我的错误视口的意思，任何指导都将非常感谢！代码：

＆＃13;

<html>
<head>
	<title>test</title>
	<style>
		body,html {
			padding: 0;
			margin: 0;
		}

		body {
			height: 2000px;
		}

		#test {
			position: absolute;
			top: 1000px;
			width: 100%;
			height: 100px;
			background-color: #bdc;
		}
	</style>
</head>
<body>
	<div id="test" data-bottom-top="transform:rotate(0deg);" data-center="transform:rotate(360deg);"></div>
	<script type="text/javascript" src="./lib/skrollr.min.js"></script>
	<script type="text/javascript">
		var s = skrollr.init();
	</script>
</body>
</html>

＆＃13;

什么是skrollr的相对模式中的视口？

0 个答案: