我是 pure 新手javascript（我发现它很容易使用jquery，但在这种情况下我不能使用它太糟糕jquery了：D）。
我尝试遵循此示例代码，但它在我的网络中不起作用。
这是我的网络的屏幕截图和解释：
因此，该页面分为 2 个不同的 html 文件，一个用于标题及其 jquery 选项卡，另一个用于选项卡下方的内容。
我的计划是让 jquery 选项卡下方的内容可滚动，因此以下代码来自我的内容的 html （在 jquery 选项卡下方）：
<body>
<script type="javascript">
function top() {
document.getElementById( 'top' ).scrollIntoView();
};
function bottom() {
document.getElementById( 'bottom' ).scrollIntoView();
window.setTimeout( function () { top(); }, 2000 );
};
bottom();
</script>
<div id="form_search">
<div id="top">top</div>
<?php echo form_open('backend/index') ?>
<p>
Kelas :
<?php echo form_dropdown('ddl_kelas1', $list_kelas, 'id="ddl_kelas1"');?> -
<?php echo form_dropdown('ddl_kelas2', $list_kelas, 'id="ddl_kelas2"');?>
</p>
<p>
Nama : <?php echo form_input('txt_nama');?>
Alamat : <?php echo form_input('txt_alamat');?>
Tanggal Lahir : <input type="text" id="datepicker" />
</p>
<?php echo form_submit('btn_search', 'Search');?>
<?php echo form_close(); ?>
</div>
<div>
<?php echo $table ?>
<?php echo $pagination ?>
<div id="bottom">bottom</div>
</div>
请注意，顶部和底部 div 仅用于页面限制（我遵循上面的示例代码）。我尝试了另一种方法，例如更改用于限制的 id/元素，但它仍然无法正常工作。
谢谢你的帮助：D
注意：我codeigniter为这个项目使用框架：D