求:滚动条隐藏兼容IE代码

决策报表通过JS代码设置了走马灯效果,帆软设计器在360预览已成功,如图1所示;

但在IE中浏览仍然有滚动条,如图2所示;

求IE能隐藏滚动条的方法,谢谢。


图1:

图2:

滚动条 有.png


FineReport QiaoBa 发布于 2019-1-4 15:44
1min目标场景问卷 立即参与
回答问题
悬赏:4 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
1
升降梯Lv3见习互助
发布于2019-2-13 10:59

直接用$("div[widgetname=REPORT0]").find("#frozen-north")[0].style.overflow="hidden"我发现还是有滚动条,后来是把js稍做了修改,如下:

setTimeout(function() {//红色数字部分自己可以试几次调整一下,滚动条就不见了

    //获取报表块宽度

    var wid = ($("div[widgetname='REPORT0']").width() - 23) + 'px';

    //重置报表块宽度

    $("div[widgetname='REPORT0']").css('width', wid);

    //获取报表块高度

    var height = ($("div[widgetname='REPORT0']").height() - 22) + 'px';

    //重置报表块高度

    $("div[widgetname='REPORT0']").css('height', height);

}, 500);


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 = $(".frozen-center")[0].scrollTop;

            if(currentpos == old) {

                $(".frozen-center")[0].scrollTop = 0;

            } else {

                old = currentpos;

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

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

            }

        }

    }, 100);

}, 500);


  • QiaoBa QiaoBa(提问者) 感谢感谢,我就是用这个方法解决滴~
    2019-02-15 09:45 
  • 升降梯 升降梯 回复 QiaoBa(提问者) 客气,互助么!对了你那个边框是不是两个报表块叠加做的?
    2019-02-15 17:16 
  • QiaoBa QiaoBa(提问者) 回复 升降梯 亲,你说的是那个绿色的高亮边框么?我是把demo里的报表块粘贴到自己的决策报表里,然后把里面内容换成我的做的,哈哈哈~~
    2019-02-16 10:56 
  • 升降梯 升降梯 回复 QiaoBa(提问者) 好!学会了!哈哈
    2019-02-18 08:46 
最佳回答
0
城落满芯Lv6中级互助
发布于2019-1-5 12:35

此事无解

最佳回答
0
humansLv0见习互助
发布于2019-2-13 10:43
setTimeout(function(){  
    $("div[widgetname=REPORT1_C]").find("#frozen-north")[0].style.overflow="hidden"; 
    $("div[widgetname=REPORT1_C]").find("#frozen-north")[0].style.overflowX="hidden"; 
    $("div[widgetname=REPORT1_C]").find("#frozen-north")[0].style.overflowY="hidden";
    $("div[widgetname=REPORT1_C]").find("#frozen-center")[0].style.overflow="hidden"; 
    $("div[widgetname=REPORT1_C]").find("#frozen-center")[0].style.overflowX="hidden";
    $("div[widgetname=REPORT1_C]").find("#frozen-center")[0].style.overflowY="hidden";
    },800);  
    //隐藏报表块的滚动条  
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=$("#frozen-center")[0].scrollTop;    
   if (currentpos==old){  
    $("#frozen-center")[0].scrollTop=0;  
     }    
   else {    
      old=currentpos;    
      $("#frozen-center")[0].scrollTop=currentpos+1.5;    
        }    
      }  
    },100);  
    //以25ms的速度每次滚动3.5PX  
},1000)

参考下我的,IE下成功隐藏

  • QiaoBa QiaoBa(提问者) 亲爱的,我最开始是这个JS代码,但是360预览正常,上到IE内核的一个平台上就不行了,应该是和IE版本有关。不过还是谢谢亲的回复,3Q~
    2019-02-15 10:02 
  • 5关注人数
  • 987浏览人数
  • 最后回答于:2019-2-13 10:59
    请选择关闭问题的原因
    确定 取消
    返回顶部