首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何仅在滚动上显示滚动条

如何仅在滚动上显示滚动条
EN

Stack Overflow用户
提问于 2021-11-03 06:32:37
回答 1查看 74关注 0票数 1

我使用perfect-scrollbar https://github.com/mdbootstrap/perfect-scrollbar来定制滚动条。仅当鼠标悬停在容器上时,滚动条才可见。

如何在滚动事件中仅显示条,并在滚动结束时将其隐藏?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-11-03 08:26:04

您可以尝试使用javascript onscroll()函数。试试这样的东西-

代码语言:javascript
复制
<html>

<body onscroll="bodyScroll();">

  <script language="javascript">
    var scrollTimer = -1;

    function bodyScroll() {
      document.body.style.backgroundColor = "white";

      if (scrollTimer != -1)
        clearTimeout(scrollTimer);

      scrollTimer = window.setTimeout("scrollFinished()", 500);
    }

    function scrollFinished() {
      document.body.style.backgroundColor = "red";
    }
  </script>

  <div style="height:2000px;">
    Scroll the page down. The page will turn red when the scrolling has finished.
  </div>

</body>

</html>

这段代码来自另一个堆栈问题-- How do I know when I've stopped scrolling?

链接到js- https://www.w3schools.com/jsref/event_onscroll.asp中的onscroll()事件

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69820535

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档