我有一些非常奇怪的东西,我正在构建一个简单的parralax滚动旋转信息框。我在中心做了一个正方形,里面的元素对定位非常奇怪。
但是当我调整窗口大小时,一切都会弹到正确的位置。我完全不知道为什么或如何发生这种情况。任何人都有任何想法?
问候,克里斯。
Link :(滚动查看它会旋转)
Fiddle:滚动元素在那里不起作用。
我感觉它与javascript冲突,我尝试调整我的中央容器大小,但这也不起作用。
#container {
width:500px;
height:500px;
top:50%;
left:50%;
margin-left:-250px;
margin-top:-250px;
background:#FFFFFF;
padding:1px !important;
}
#textveld_1 {
position:fixed;
top:0%;
left:0%;
height:130px;
width:250px;
margin-top:60px;
margin-left:-60px;
transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-o-transform:rotate(90deg);
}
将4“textveld_#”旋转90° - > 180 - > 270 - > 0