js利用layui设计“返回顶部”下标

layui前端框架详解

最新推荐文章于 2025-09-11 02:21:17 发布

原创最新推荐文章于 2025-09-11 02:21:17 发布 · 2.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#layui #一键返回顶部

前端专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍layui前端框架的使用方法，包括laydate、element、laypage、layer、form和util等模块的功能与应用。通过实例展示如何引入layui文件，实现面包导航、分页、弹出层及返回顶部等功能。

layui.use(['laydate','element','laypage','layer','form','util'],
        function(){
        $ = layui.jquery;
        element = layui.element();//面包导航
        laypage = layui.laypage;//分页
        layer = layui.layer;//弹出层//
        form = layui.form();
        util = layui.util;
            util.fixbar({  //返回顶部
                top: true
                ,css: {right: 15, bottom: 35}
                ,bgcolor: '#393D49'
                ,click: function(type){
                  if(type === 'top'){
                    layer.msg('返回顶部')
                  }
                }
              });
    });

千万别忘了引入layui的文件；
千万别忘了引入layui的文件；
千万别忘了引入layui的文件；

详情见官网[https://www.layui.com/] ，layui是个及其好用的前端框架；写出的页面非常友好；