html 自动滚动,JS实现自动滚屏/滚动效果

本文介绍了如何使用JavaScript实现HTML报表在冻结标题行后进行自动循环滚动,并在鼠标悬停时暂停,鼠标离开时继续滚动。通过设置初始化后事件,结合mouseover和mouseleave事件,实现了自定义的滚动控制。同时提供了不同场景下,如未设置冻结标题行或使用自定义滚动条插件时的代码调整方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

3.1 打开报表

打开报表:%FR_HOME%\WebReport\WEB-INF\reportlets\demo\analytics\multi_report\all.frm

3.2 报表块设置

选中表单中的报表块report0,点击工具栏上的冻结,弹出重复与冻结设置对话框,勾选并设置重复标题行从第1行至第2,勾选冻结第1行至第2行,如下图所示:

7842f7bb851442642fce576f66d3de8c.png

3.3 添加初始化后事件

选中报表块report0,添加初始化后事件,如下图所示:

1a8876f4b7684bb0f816b6d49922df3b.png

js代码如下:

setTimeout(function(){

$("div[widgetname=REPORT0]").find("#frozen-north")[0].style.overflow="hidden";

$("div[widgetname=REPORT0]").find("#frozen-center")[0].style.overflow="hidden";

},100);

//隐藏报表块report0的滚动条

window.flag=true;

setTimeout(function(){

$("#frozen-center").mouseover(function()

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值