首先要明白iframe的应用场景，iframe并不是不能用，而是不能滥用。在数据提交上iframe相比ajax能够提供更高的稳定性以及兼容度，因此在这方面使用一下无妨；同时iframe的作用是内嵌网页，如果需要引用别的网页做说明，iframe也是必要的。
但是，利用内嵌网页的方式引入固定的内容是完全错误地！虽然现在很多开源程序的后台仍在使用这种做法，这不过是开发者偷懒的手段而已，在前台应用中应极力避免这种做法，无论是对用户还是对搜索引擎的友好度这种做法都是极傻。
回到问题来，题主你竟然不知道可以通过后端引入公用模块的方式让页面某一区域内容固定！！！将导航栏的内容抽离成一个模板，通过后端引入再和本页的内容拼接输出，这是后端新手都应该懂的常识来的吧←_←使用后端引入的话，每次页面打开导航区和内容区都是一并加载的，实现的效果和你在每个页面都复制一个导航区是一样的。只是在代码上文件被拆分方便管理而已。请不要在意每次都要重新加载导航区，那一点代码产生的带宽资源占用和你页面上的图片以及JQ库比起来算不了什么。
题主想的方式是使用ajax读取每个页面的内容并填充到内容区。这么做并无不妥，但是做法也忒蛋疼了点，还不如直接用iframe引用导航栏。ajax是不应该被滥用，在一些交互上使用ajax避免页面整体刷新减少请求量是一种很方便的做法，但是页面切换也用ajax那就是2B做法了。
至于高度自适应的问题，可以通过JS来做，在页面ready的时候判断内容区元素的高度是否未填充满，不满则设置到$(window).height()。
金城在线专注网站、软件、APP、微信公众平台、小程序、抖音、头条等开发推广，如果您有这方面的需求或者不同的观点，欢迎联系交流。
