layui 纵向滚动条

要在 Layui 中实现纵向滚动条，可以使用 Layui 的自定义滚动条插件，即 "lay-scrollbar"。以下是实现纵向滚动条的步骤：

1. 在 HTML 页面中引入 Layui 的样式文件和脚本文件：

<link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.6/css/layui.css">
<script src="https://cdn.staticfile.org/layui/2.5.6/layui.js"></script>

2. 在需要添加滚动条的容器元素上添加 "lay-scrollbar" 类：

<div class="lay-scrollbar">
  <!-- 内容 -->
</div>

3. 在 JavaScript 中进行初始化和配置：

layui.use('jquery', function () {
  var $ = layui.jquery;

  $('.lay-scrollbar').each(function () {
    var $this = $(this);
    $this.css('overflow', 'hidden'); // 隐藏原生滚动条

    $this.on('mouseenter', function () {
      $this.css('overflow', 'auto'); // 显示滚动条
    }).on('mouseleave', function () {
      $this.css('overflow', 'hidden'); // 隐藏滚动条
    });
  });
});

以上代码中，通过添加 "lay-scrollbar" 类来启用滚动条，并利用鼠标进入和离开事件来切换滚动条的显示和隐藏。

4. 最后，确保页面加载完成后执行 JavaScript 代码：

layui.use(['jquery', 'element'], function () {
  var $ = layui.jquery;
  $(document).ready(function () {
    // 初始化代码
  });
});

通过以上步骤，你就可以在 Layui 中实现纵向滚动条了。记得替换代码中的 CDN 链接，或者你也可以下载对应版本的 Layui 文件并进行引入。