开发者社区 > 云效DevOps > 正文

云效CI日志能否添加一个按钮快速滚到末尾

对于长日志来说,要回顾还要拖动非常麻烦。

展开
收起
不爱吃韭菜盒子 2024-01-12 14:17:47 26 0
1 条回答
写回答
取消 提交回答
  • 面对过去,不要迷离;面对未来,不必彷徨;活在今天,你只要把自己完全展示给别人看。

    可以的,你可以在云效CI日志页面添加一个按钮,点击后快速滚动到日志末尾。具体操作如下:

    1. 打开云效CI日志页面。
    2. 在页面中找到你想要添加按钮的位置。
    3. 在该位置添加一个HTML按钮元素,代码如下:
    <button onclick="scrollToBottom()">滚动到底部</button>
    
    1. 为按钮添加样式,例如设置背景颜色、字体大小等,代码如下:
    <style>
      button {
        background-color: #4CAF50; /* Green */
        border: none;
        color: white;
        padding: 15px 32px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: 4px 2px;
        cursor: pointer;
      }
    </style>
    
    1. 添加JavaScript代码,实现滚动到底部的功能,代码如下:
    function scrollToBottom() {
      window.scrollTo(0, document.body.scrollHeight);
    }
    

    将以上代码添加到你的网页中,即可实现在云效CI日志页面添加一个按钮,点击后快速滚动到日志末尾的功能。

    2024-01-12 21:40:29
    赞同 展开评论 打赏

云效,企业级一站式研发协同平台,数十万企业都在用。支持公共云、专有云和混合云多种部署形态,通过云原生新技术和研发新模式,助力创新创业和数字化转型企业快速实现研发敏捷和组织敏捷,打造“双敏”组织,实现多倍效能提升。

热门讨论

热门文章

相关电子书

更多
PostgresChina2018_赖思超_PostgreSQL10_hash索引的WAL日志修改版final 立即下载
Kubernetes下日志实时采集、存储与计算实践 立即下载
日志数据采集与分析对接 立即下载