如何实现滚动条平时隐藏,鼠标划到界面时显现,不用插件的情况

如何实现滚动条平时隐藏,鼠标划到界面时显现,不用插件的情况image.png

FineReport 冰灵天雪 发布于 2021-11-17 18:23
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
zsh331Lv8专家互助
发布于2022-5-6 23:16

-- 隐藏滚动条接口-https://help.fanruan.com/finereport/doc-view-4300.html

————————————————————

最佳回答
0
luojian0323Lv7资深互助
发布于2021-11-18 09:18
setInterval(function() {     //隐藏报表块REPORT0的滚动条     $("div[widgetname=REPORT0]").find(".frozen-north")[0].style.overflow = "hidden";     $("div[widgetname=REPORT0]").find(".frozen-center")[0].style.overflow = "hidden"; }, 1000); window.flag2 = true; //鼠标悬停,滚动停止   setTimeout(function() {     $("div[widgetname=REPORT0]").find(".frozen-center").mouseover(function() {         window.flag2 = false;     });     //鼠标离开,继续滚动       $("div[widgetname=REPORT0]").find(".frozen-center").mouseleave(function() {         window.flag2 = true;     });     var old = -1;     var interval = setInterval(function() {         if(window.flag2) {             currentpos2 = $("div[widgetname=REPORT0]").find(".frozen-center")[0].scrollTop;             if(currentpos2 == old) {                 $("div[widgetname=REPORT0]").find(".frozen-center")[0].scrollTop = 0;             } else {                 old = currentpos2;                 //以25ms的速度每次滚动1.5PX                   $("div[widgetname=REPORT0]").find(".frozen-center")[0].scrollTop = currentpos2 + 1.5;             }         }     }, 25); }, 1000)

  • 冰灵天雪 冰灵天雪(提问者) 我看这个是跑马灯的效果,有没有静止图表,就是滚动轴隐藏,鼠标滑动到那显示滚动轴
    2021-11-20 17:59 
最佳回答
0
JERRY1989Lv5见习互助
发布于2021-11-18 10:00
我们都用插件
  • 4关注人数
  • 391浏览人数
  • 最后回答于:2022-5-6 23:16
    请选择关闭问题的原因
    确定 取消
    返回顶部