我在以下地址http://www.light-union.com/
创建了一个网站背景信息:网站按照我的预期在Android上工作,我面临的网站问题,因为我看到这个世界上的大多数开发人员面临的是不兼容的滚动功能和固定元素iPhone和iPad。
我已经决定通过将横幅设置为位置:绝对到顶部并删除左侧的导航栏来符合这些限制,以便可以一起避免这些错误...除非有人对这些问题有解决方案我不知道。
问题: 当用户触摸导航栏中的一个按钮时,它似乎首先工作并滚动到预期位置,有一个动画,但是当用户滚动自己时,这就是问题似乎发生的地方。我理解这似乎是人们的一致错误,但也许这是由于我在iOS而不是iOS本身缺乏理解。这也会使顶部横幅变得毫无用处。
这是主要问题,每个背面图像底部的文本都有滚动元素。例如,在http://www.light-union.com/in/页面的底部,文本是可滚动的,但其他部分似乎被滚动元素击中和遗漏,其中中间部分总是未命中。
到目前为止的实施
.para{
overflow-y:scroll;
font-size: 0.8675em;
height:65%;
display:block;
-webkit-overflow-scrolling: touch;
}
这是我希望实现滚动功能的段落中使用的css。
注意:对于iOS上的预期结果,请检查Android设备