我有一个网页，我在其中添加iframe（仅限移动设备）。
我希望做的是添加这个iframe，设置为占用100％的宽度和高度，然后阻止用户滚动出iframe（例如，他们打开iframe，他们在iframe直到他们点击＆＃34;退出库存＆＃34;。向下滚动不会返回正常页面。
我发现并且非常棒的一个例子就是：http://www.liveperson.com/
如果您在手机上打开并点击右侧显示的按钮，则会打开一个屏幕，其中显示＆＃34;取消＆＃34;和＆＃34;下一个＆＃34;。如果您尝试滚动此处，它会一直拉回你的位置，甚至不会移动iframe。
对此有任何建议吗？
请注意，我已尝试添加＆＃34; overflow：auto; -webkit-overflow-scrolling：touch;＆＃34;到iframe，但只隐藏整个框架...
谢谢！
答案 0 :(得分：0)
您是否尝试将其位置设置为“固定”，然后将其锁定在屏幕顶部？
iframe {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
这样，iframe会一直覆盖整个屏幕，直到你关闭它。