Question

我在我的网站上添加了一个侧边栏标签“订阅”（jquery.tabSlideOut.v1.3.js）（访问http://thecasket.co.uk/）。桌面浏览器很好，但导致水平滚动条出现在iPad上 - 页面开始滑动。该选项卡在javascript中设置了负绝对位置（-290px，宽度+我的css for slide-out-div中的填充）。在iPad上，滚动条占据幻灯片的宽度。

<div class="slide-out-div">
my subscribe form
</div>

.slide-out-div {
padding: 20px;
width: 250px;
background: rgb(255,255,255);
z-index: 9999;
    -webkit-overflow-scrolling
}

我尝试添加：-webkit-overflow-scrolling：touch;但似乎没有做任何事情，我不确定这会做什么。

任何有关修复卷轴的帮助，非常感谢。

Answer 1

由于您未将overflow:hidden定义到任何父容器，因此移动设备会将视口扩展为内容的大小。您可以使用此方法并设置overflow值，也可以在position: fixed上使用absolute代替slide-out-div。两者都应该做到这一点。

另请注意，<a> - text-indent: -99999px;元素的文字是“ content ”，但我想它应该是“ subscribe ”

负位置：绝对导致iPad上的水平滚动

1 个答案: