相关疑难解决方法(0)

我已经在iPad上固定定位了一段时间.我知道iScroll并不总是有效(即使在他们的演示中).我也知道Sencha有一个修复,但我无法Ctrl+ F修复该源代码.

我希望有人可以有解决方案.问题是,当用户在iOS移动的Safari上进行平移时,固定定位元素不会更新.

我一直在开发一个网站并利用相当不错的jQuery Sticky Kit插件.它通过在适当时将position属性切换到fixed后退来进行操作.在桌面上运行非常顺畅,在移动设备中也可以接受.

或者至少它曾经.iOS版9配备了一个新的行为:如果position从一个元素的改变static/ relative/ absolute到fixed时滚动动画正在进行的元素变得不可见,直到滚动已经停下来了.奇怪的是,相反的变化(从fixed其他任何东西)执行没有问题.

可以在插件的主页上找到一个工作示例.黑色导航栏("示例参考")应该是粘性的.最初它static位于页面中间.向下滚动它会变为fixed(在iOS 9中)消失直到滚动停止.桌面浏览器和iOS 8中的行为是正确的.

我有点希望得到典型的CSS解决方法:强制进行3D转换,禁用背面可视性等,模糊专有属性,......但似乎没有任何效果.

现在我们是否正在忘记"粘性"元素？

新发布的iOS 11中的HTML输入中的错误为具有固定容器中的输入元素的网站带来了问题.这正是正在发生的事情和一些可能的解决方法.

如果你有一个固定的容器并且它足够靠近屏幕的底部,迫使浏览器滚动以为键盘腾出空间,则光标将被放在文本输入之外.这对我们来说是一个关键问题,因为我们的核心功能之一依赖于通过固定模态对话框的用户输入.

这对我们来说是一个关键问题,因为我们的核心功能之一依赖于通过固定模态对话框的用户输入.

我一整天都搞乱这个,似乎无法找到解决办法.

我有一个简单的ul作为固定标头与以下css:

body {
  width: 100%;
  height: 100%;
  min-height: 100%;       
}

.stream .header {
     position: fixed;
     width: 100%;
     height: 41px;
     top: 0;
     right: 0;
     left: 0;
     z-index: 10;
     margin-bottom: 10px;
     list-style: none;
   }

标题下方的内容具有以下css:

.stream .stream-content {
  position: relative;
  padding-top: 41px;
  -webkit-transform: translate3d(0, 0, 0);
}

在ios7移动safari中滚动页面时,会发生以下情况:

• 首先向下滚动 - 标题随页面移动一直移动,直到滚动完成.

• 第二次向下滚动 - 标题完全消失,滚动完成后不会重新出现.

• 向上滚动(标题仍然可见) - 标题完全消失,并且在到达页面顶部时不会再出现.

• 向上滚动(标题隐藏) - 标题保持隐藏状态,并在到达页面顶部时不再出现.

• 向上滚动(已在页面顶部隐藏标题) - 标题重新出现并正常运行,直到页面向下滚动两次.

我在iOS6移动游戏中没遇到这个问题,所以这个问题似乎与滚动时调整大小的新网址有关.

其他人有类似问题吗？建议欢迎.

更新:

因此,在标头的父(.stream)上删除-webkit-transform3d()似乎会消除问题,因此必须存在与父div呈现方式和内部标头的冲突.

仍在寻找工作.

我有一个固定标题和滑出侧边栏的网站.当iOS7处于纵向方向时,固定标题在侧边栏可见时保持固定,但在iOS8上,标题会略微向上推,具体取决于您向下滚动的距离.我需要它来保持固定.

看到这个jsbin:http://jsbin.com/xuyevi/2/

主要部分是标题,侧边栏和主要内容.标题使用固定位置固定在屏幕顶部,并具有z-index,使您在滚动时将其保持在内容之上.

侧边栏固定在屏幕的左侧,最初通过左侧自己的宽度进行隐藏.

要打开侧边栏,每个标题,内容和侧边栏都会按侧边栏的宽度向右平移.

同样,这在iOS7和支持translate3d的所有其他浏览器上完美运行,并且在横向方向上甚至可以在iOS8中正常工作.但是在纵向iOS8中,固定标题将根据用户滚动的距离从屏幕上滑落.

此外,使用Safari检查器显示屏幕上的菜单项偏离其预期位置.即在检查器中选择一个元素时,会突出显示屏幕上与其呈现的实际位置偏移的区域.

有没有其他人遇到这个？有人知道修复吗？

编辑:检查员认为固定位置标题正好在它应该的位置,即使它实际上被推离屏幕.

我在 Adob​​e Muse 中建立了一个网站，它有一个粘性标题，当滚动经过徽标时会出现。这在 Chrome 和 Firefox 上完美运行，甚至在 iPad Safari 上，但是，它在桌面 Safari 上运行不佳，并且在单击平滑滚动到锚点的锚链接时闪烁严重。

请参阅下面的示例网站：

http://mattstest03.businesscatalyst.com/index.html

在 Firefox/Chrome 上单击“联系我们”时，粘性标题在整个平滑滚动过程中看起来都很棒。在 Safari 上，它会在滚动过程中闪烁开/关。这是闪烁效果的 GIF：

这是我的代码：

CSS

#sticky-bar {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 53px;
    background: transparent url("assets/photoshop-eclipse.jpg") repeat left top;
}
/* Circle Logo */
#u73837 {
    width: 57px;
    transition: width 0.4s, height 0.4s;
    -moz-transition: width 0.4s, height 0.4s;
    -webkit-transition: width 0.4s, height 0.4s;
}
/* Text Logo */
#u56099 {
    width: 229px;
    transition: all 0.4s !important; …