如何创建一个始终浮在顶部的div对于没有问题的Ipad？

2018-06-05 09:31:13

我试图使用固定的位置 ，并在Ipad 4上测试，非常麻烦。

虽然触摸拖动页面的位置固定div有时能够拖下来 。

虽然放大/缩小div 位置疯了一秒。

当页面快速滚动时，div 闪烁并发生可怕的晃动

jquery滚动动画性能极差，造成口吃

我的第二个尝试是在#container div中创建内容，并将固定对象（实际上是菜单）放在容器外，并让#container overflow-y：scroll并隐藏主体溢出。在Ipad 4上测试，问题是：

势头消失。这意味着当触摸滚动时，页面移动会在用户将手指放开时立即停止，通常在用户手指离开后它应该能够滑动一点。

我试图把webkit-overflow-scrolling：touch; 对于#container，现在在ipad上它可以正常滑动，但在macbook firefox浏览器上，滚动被锁定，页面根本无法移动。

如果我把overflow-y和webkit-overflow-scrolling：同时触摸，ipad将不起作用，但firefox再次运行。

任何建议创建一个总是浮动顶部的div对于Ipad没有问题？我认为这应该是一个普遍的问题。

我已经成功地将容器放入了-webkit-overflow-scrolling:touch模式，你声称没有工作。

再试一次：

#container {
  overflow:scroll;
  -webkit-overflow-scrolling:touch;
  -webkit-backface-visibility:hidden;
  -webkit-transform:translateZ(0px);
}

链接地址: http://www.djcxy.com/p/17123.html