js滚动 加上隐藏滚动条js代码

在tab块中使用报表块 然后再报表块上 添加js跑马灯效果 有两个tab标题 然后进行切换显示  我在tab块的切换事件 加上了隐藏滚动条js代码 然后 第一个报表块随着时间 数据距离越来越小 直到消失 第二个报表块却没有问题

FineReport 武恩赐 发布于 2019-7-1 16:46
1min目标场景问卷 立即参与
回答问题
悬赏:4 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
1
firegunzxLv6高级互助
发布于2019-7-1 17:08

代码怎么写的?

  • 武恩赐 武恩赐(提问者) 初始化1: setTimeout(function(){ $(\"div[widgetname=REPORT3]\").find(\".frozen-north\")[0].style.overflow = \"hidden\"; $(\"div[widgetname=REPORT3]\").find(\".frozen-center\")[0].style.overflow = \"hidden\"; } ,1000); 初始化2 if(window.interval2) { clearInterval(window.interval2); } setTimeout(function() { //隐藏报表块report0_c的滚动条(此报表块名为report0_c,根据具体情况修改) $(\"div[widgetname=REPORT3]\").find(\".frozen-north\")[0].style.overflow = \"hidden\"; $(\"div[widgetname=REPORT3]\").find(\".frozen-center\")[0].style.overflow = \"hidden\"; }, 1000); window.flag = true; //鼠标悬停,滚动停止 setTimeout(function() { $(\".frozen-center\").mouseover(function() { window.flag = false; }); //鼠标离开,继续滚动 $(\".frozen-center\").mouseleave(function() { window.flag = true; }); var old = -1; var interval = setInterval(function() { if(window.flag) { currentpos = $(\"div[widgetname=REPORT3]\").find(\".frozen-center\")[0].scrollTop; if(currentpos == old) { $(\"div[widgetname=REPORT3]\").find(\".frozen-center\")[0].scrollTop = 0; } else { old = currentpos; //以25ms的速度每次滚动1.5PX $(\"div[widgetname=REPORT3]\").find(\".frozen-center\")[0].scrollTop = currentpos + 1.5; } } }, 100); }, 1000);
    2019-07-01 17:15 
  • firegunzx firegunzx 回复 武恩赐(提问者) 没看出毛病
    2019-07-01 17:19 
  • 武恩赐 武恩赐(提问者) 回复 firegunzx 就是这样啊 但是 放在tab块中 标题一的跑一会就没有了 标题二的还好好的
    2019-07-01 17:21 
最佳回答
1
Doctor_WeiLv7中级互助
发布于2019-7-2 08:38

删掉标题一。重新加上个

  • 武恩赐 武恩赐(提问者) 试过了 即使在前面加上一个标题 或者重新做一个tab块 还是一样的效果 但是自己在本地做是没有问题的
    2019-07-02 08:42 
最佳回答
0
用户6NWif5139660Lv6资深互助
发布于2023-2-14 22:50(编辑于 2023-2-14 22:53)

如果是10.0版本,没有安装新自适应插件,就在初始化事件写下面js

var style=document.createElement('style');

style.innerHTML=".test::before{color:green}";//添加样式内容的话也可以用上面提到过的`insertRule`,相对例子里的硬编码会更优雅点。

document.head.appendChild(style);

document.styleSheets[0].insertRule('::-webkit-scrollbar{overflow-x:hidden;}',0)

document.styleSheets[0].insertRule('::-webkit-scrollbar{ display: none; /* Chrome Safari */;}',0)

=======================

setTimeout(function() {

    //隐藏报表块REPORT0的滚动条(此报表块名为REPORT0,根据具体情况修改)

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

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

}, 1000);

window.flag = true;

//鼠标悬停,滚动停止  

setTimeout(function() {

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

        window.flag = false;

    });

    //鼠标离开,继续滚动  

    $(".frozen-center").mouseleave(function() {

        window.flag = true;

    });

    var old = -1;

    var interval = setInterval(function() {

        if(window.flag) {

            currentpos = $("div[widgetname=REPORT0]").find(".frozen-center")[0].scrollTop;

            if(currentpos == old) {

                $("div[widgetname=REPORT0]").find(".frozen-center")[0].scrollTop = 0;

            } else {

                old = currentpos;

                //以25ms的速度每次滚动1.5PX  

                $("div[widgetname=REPORT0]").find(".frozen-center")[0].scrollTop = currentpos + 1.5;

            }

        }

    }, 25);

}, 1000);

  • 4关注人数
  • 1804浏览人数
  • 最后回答于:2023-2-14 22:53
    请选择关闭问题的原因
    确定 取消
    返回顶部