模态对话框长于屏幕时如何滚动页面?
我的应用程序中有一个模式对话框,可以在y方向上变长。这就引入了一个问题,即对话框的某些内容被隐藏在页面底部之外。 我希望窗口滚动条在显示对话框时滚动对话框,但对话框无法容纳到屏幕上,但要使主体保持在模态后面。如果您使用Trello,那么您就会知道我要干什么。 如果不使用JavaScript来控制滚动条,是否可以实现? 到目前为止,这是我已应用于模态和对话框的CSS: body.blocked { overflow: hidden; } .modal-screen { background: #717174; position: fixed; overflow: hidden; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.9; z-index: 50; } .dialog { background: #fff; position: fixed; padding: 12px; top: 20%; left: 50%; z-index: 10000; border-radius: 5px; box-shadow: 0, 0, 8px, …