gpt4 book ai didi

javascript - html垂直自动滚动与javascript

转载 作者:行者123 更新时间:2023-11-30 13:05:33 25 4
gpt4 key购买 nike

我是纯 javascript 新手(嗯,我发现它很容易使用 jquery,但太糟糕了,我不能在这种情况下使用 jquery :D).

我试着按照这个 sample code ,但它在我的网站上不起作用。

这是我的网站的屏幕截图和说明:

enter image description here

因此,此页面分为 2 个不同的 html 文件,一个用于标题及其 jquery 选项卡,另一个用于选项卡下方的内容。

我的计划是让 jquery 选项卡下方的内容可滚动,因此以下代码 来 self 的内容 的 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

最佳答案

用户问题的解决方案似乎是简单地将 overflow-y:scroll 添加到放置内容的 div 标签的 css 中。简单的解决方案

关于javascript - html垂直自动滚动与javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15836207/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com