我有一个固定位置<div>
,并应用了以下CSS声明
width: 100vw;
height: 100vw;
left: 0;
top: 0;
overflow: scroll;
现在假设<div>
中包含几段文字,从而迫使用户在从移动设备浏览时滚动。
在iOS Safari中滚动浏览<div>
时,滚动感觉很费力而且很慢。与将内容直接放在静态主体中相比。
我的问题是:为什么滚动设置位置为固定且将溢出设置为滚动的元素时,iOS Safari为何感觉缓慢且费力?
我的下一个问题是;有没有一种方法可以解决此问题,从而使滚动感觉就像元素是静态的还是相对的并且应用了可见的溢出时一样平滑。