下图描述了该问题:

编辑:
第一个包括div应始终可见。当main div完全填满时,第二个隐藏其剩余内容。
<div style="height:100%">
<div>Dynamic ajax content</div>
<div style="max-height:[remaining space]">Dynamic ajax content</div>
</div>
Run Code Online (Sandbox Code Playgroud)
这里是一个小提琴什么,我有这么远。
MDL在页面加载时升级其组件,因此<input>使用autofocus属性会失去其焦点.我希望在MDL完成重新渲染后将注意力集中在此输入上.
我正在尝试收听一些页面就绪事件(codepen):
$('input#srch').one('componentDidUpdate', function(){console.log('ready')});
Run Code Online (Sandbox Code Playgroud)
既不与$(document)也不$(document.body)与$('.mdl-layout')选择者一起工作.
我用谷歌搜索了一些类似的事件,但没有运气,我错过了什么?
当然我可以使用,setTimeout但我不认为这应该是一个解决方案
谢谢.
jquery javascript-events autofocus material-design material-design-lite