Javascript ie11固定标题不工作，允许滚动

我有一些javascript代码，在选择菜单项时，一个pdf文件被加载到id=content字段中。我还有一个固定的页眉和页脚。这段代码在Chrome、Safari、Edge、Firefox和Opera上运行良好，但IE11忽略了加载pdf的固定页眉和页脚（但不是在左侧的菜单）

下面是加载pdf的javascript：

document.getElementById('content').innerHTML = "<object id='provue_file' data='"+file_name+"#view=FitH' type='application/pdf' width='100%'><p>It appears you don't have Adobe Reader or PDF support in this web browser. <a href='"+file_name+"'>Click here to download the PDF</a>. Or <a href='http://get.adobe.com/reader/' target='_blank'>click here to install Adobe Reader</a>.</p></object>";

下面是html声明内容：

<div class="content" id="content">
</div>

请注意，在运行javascript之前，在IE11中是可以的

<div class="content" id="content">
</div>