我有一个div,其中包含一个已旋转的锚点和位置:固定在屏幕的左上角。当任何滚动进行时,它会在我的atrix hd中疯狂跳跃。 -webkit-overflow-scrolling:在div中触摸css什么都不做。这是我的元视口事情,如果这可能很重要
<meta name="viewport" content="width=100%, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/>
有问题的div的html
<div id="shop" class="center">
<a href="#" class="railway">
SHOP
</a>
</div>
css
#shop {
position: fixed;
left: -72px;
top: 14px;
background-color: #F03C2E;
-ie-transform: rotate(314deg);
-moz-transform: rotate(314deg);
-o-transform: rotate(314deg);
-webkit-transform: rotate(314deg);
transform: rotate(314deg);
width: 192px;
z-index: 10;
test-align: center;
}
答案 0 :(得分:0)
我不知道你的#shop元素放在哪里,但也许你和我一样。
如果一个容器有position: fixed;
且其父级也有,那么滚动时的这种跳跃行为也会出现在我的google nexus中。
解决方案: 将固定容器放在固定容器中是没有意义的,从其中一个容器中删除固定位置属性。