这是我目前如何实现此功能的示例:
当添加或删除元素时,内容 div 的高度可以动态变化,因此我需要渐变随之移动。这在桌面浏览器中效果很好...但是当您在 iPad 上查看它并向下滚动(将整个 body 向上移动)时,它看起来很奇怪,因为 position:fixed 在渐变 div 上。请注意,这仅在内容 div 小于视口(viewport)时才会出现问题。如果内容 div 大于视口(viewport),它会将渐变推出 View 并且效果很好。
有什么方法可以防止 iPad 那样移动 body ,或者有没有更好的方法来实现此功能而不使用 position: fixed?
谢谢!
最佳答案
你能解释一下在 iPad 上看起来有什么问题吗,我没有带。另外,我删除了 position: fixed;并且功能在 chrome 上没有改变。 position static 和 relative 对我来说是一样的。
关于HTML/CSS : Gradient transition from dynamic content to background on iPad. 查看实例,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11231511/