HTML/CSS : Gradient transition from dynamic content to background on iPad. 查看实例

标签 html css ipad

这是我目前如何实现此功能的示例:

EXAMPLE

当添加或删除元素时,内容 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/

相关文章:

javascript - 如何使用 JQuery 将动态内容加载到 DIV 中

html - 如何将这些元素显示在一行中?

javascript - 将 Google API map (和图表)设置为 100% 高度

html - 负边距提供滚动

HTML input 子元素

javascript - 使用ajax javascript提交表单数据

jquery - 自定义表单边框

iphone - UINavigationItem title查看位置

ios - 尝试使用自定义布局进行屏幕外 UICollectionViewCells 预渲染

javascript - jQuery Animate 宽度卡住 iPad