layui full-110 出现滚动条

LayuiAdmin 滚动条设置问题解决

LayuiAdmin 滚动条设置问题解决今天在使用LayuiAdmin(单页版),发现通过: $("html,body").animate({"scrollTop":top}); 这种js代码,无法控制滚动条位置找到官方单页版演示界面,f12,查看元素相应高度发现: 打开layuiadmin的layout.html页面在主体内容部分,最内层的div上加上id,我们需要控制的滚动条,属于该div 在需要调节滚动条位置时,可以执行: $("#scroll

PostMan的在线安装和简单使用

Postman是一款很流行的WEB接口测试工具,因其强大的功能及清新的界面,赢得许多测试及开发者的喜爱. 1.PostMan的在线安装因google退出中国,使得chrome上的扩展插件无法在线安装,这其中就有postman.在网上下载了好些个离线安装包, 可一直没安装成功,最后还是找到了在线安装的方法. 1.1 修改计算机的hosts文件在计算机的“C:\Windows\System32\drivers\etc”目录下找到hosts文件 Hosts是一个将一些常用的网址域名与其对应的

自定义滚动条样式(layui.v1)

来源于 layui css 代码 ::-webkit-scrollbar { width: 10px; height: 10px; } ::-webkit-scrollbar-button, ::-webkit-scrollbar-button:vertical { display: none; } ::-webkit-scrollbar-track, ::-webkit-scrollbar-track:vertical { background-color: black; } ::-webki

layui table表格表头与内容列错位问题（只有纵向滚动条的情况）

版本2.4.5 问题展示: 存在问题:正好错位一个纵向滚动条的宽度思路: 仔细观察th元素及th包裹的子元素div 如下图发现th宽度莫名的就多了5px 我就纳闷了解决方案:到table.js源码中→搜索 →纵向滚动条宽度,找到了,并按下图修改解决了解决后效果如下

div滚动条弹出层效果（所需要的css文件和js文件，都已经上传到文件里面了progressbar.rar）

<%--总的弹出层--%> <div class="tcck" id="joinclub" style="display:none"> <table style="width:430px; height:7px;" border="0" cellpadding="0" cellspacing="0" > <tr style=&

javascript封装自定义滚动条方法，可自定义四个边框滚动条

还是根据我的个人习惯封装了一个方法 setScroll({ box :父盒子DOM对象, content : 内容盒子DOM对象, scrollall : 滚动条大盒子DOM对象, scroll : 滚动条DOM对象, direction: 垂直滚动条还是水平滚动条 }) 该方法传入一个object,前四个属性必选,最后一个可选,‘vertical’ || ‘’level" ,默认vertical. html结构最大盒子>(内容盒子+(滚动条盒子>滚动条)) 样式自己编写

echarts x轴增加滚动条

charts x轴增加滚动条在option 配置项中添加 [ dataZoom 中配置 ] 设置x轴滚动条效果图: 动态拖动以下参考代码 dataZoom配置官网写法 option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, dataZoom: [{ type: 'slider', show: true, xAxisIndex: [0], left:

layui基础总结

1.layui结构 ├─css //css目录 │ │─modules //模块css目录(一般如果模块相对较大,我们会单独提取,比如下面三个:) │ │ ├─laydate │ │ ├─layer │ │ └─layim │ └─layui.css //核心样式文件 ├─font //字体图标目录 ├─images //图片资源目录(目前只有layim和编辑器用到的GIF表情) │─lay //模

layui(二)——layer组件常见用法总结

layer是layui的代表作,功能十分强大,为方便以后快速配置这里对其常见用法做了简单总结一.常用调用方式 //1.普通消息:alert(content,[options],[yesCallBack]) layer.alert('hello', { icon: 1 }, function (index) { console.log('点击确定按钮,执行这里')//点击弹窗的确定按钮,执行回调 }) //2.询问:confirm(content,[options],[yesCallBack])

layui框架中关于table方法级渲染和自动化渲染之间的区别简单介绍

方法级渲染: <table class="layui-hide" id="LAY_table_user" lay-filter="user"></table> <script> layui.use('table', function () { var table = layui.table; //监听表格复选框选择 table.on('checkbox(user)', function (obj) {

layui简单例子

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>简单例子</title> <link rel="stylesheet" href="css/layui.css"> <style> body{margin: 10px;} .demo-carousel{height: 200px; l

layui流加载+h5自带模板

@{ ViewBag.Title = "服务列表"; Layout = "~/Areas/hahaha/Views/Shared/_Head.cshtml"; } <link href="~/Scripts/layui/css/layui.css" rel="stylesheet" /> <style> .up { background:url(/Content/WeiXin/images/sort-u

layUI Tree 的使用

原文作者:小巷而已 [[layui-xtree 3.0]依赖layui form模块复选框tree插件] 原文链接: https://blog.csdn.net/xianglikai1/article/details/79032278 js 代码 : <link href="layui/css/layui.css" rel="stylesheet" /> <style type="text/css"> form { wi

layui 数据表格+分页+搜索+checkbox+缓存选中项数据

在做数据表格的时候遇到了很多坑, 今天整理一下方便以后使用. 主要功能是使用数据表格, 做分页,做搜索, 还有checkbox, 支持全选. 当选中一些数据的时候, 数据切换页面数据在切换回来后,选中状态就消失了, 我们希望切换回来的时候, 选中状态还能存在, 因此做了个缓存, 使checkbox 保持选中状态.代码如下: 1.HTML 搜索输入框 <form class="layui-form"> <div class="layui-input-in

jquery scroll()滚动条事件

最近做项目用了到scroll滚动条事件,花了很多时间做搜索,没有很好的先整理思考后再去搜索,做编码事件时,没有事先考虑清楚,理清思路,先做简单的测试成功后,再完成其他的实现. 1.scroll()事件当用户滚动指定的元素时,会发生scroll事件.适用于所有可滚动的元素和window对象(浏览器窗口) $(select).scroll([Data],fn); 当(浏览器窗口)页面滚动条变化时,执行的函数,JQuery代码: $(window).scroll(function(){ //do s

弹出层小插件之(二) layer&layui

其实layer或者layui相对于上次所说的 sweetalert来说不仅仅有弹出层,它有很多的功能,这也大大的提高了我们的开发效率,根据我们项目的实际需要的效果进行选择.下面介绍下Layer的用法吧,我想这也是小伙伴们最想要的: 1.当然是要下载layer了下载地址:http://layer.layui.com 2.下载好的文件不要修改里面内容直接放到你的项目中即可(注意) 3.layer引入方式 4.layui的方法与用法与layer相似特别说明:事件需自己绑定,以下只展现调用代码.

页面滚动条&按键执行事件

判断页面滚动条 $(window).bind('scroll', function () { //算出鼠标移动到顶部的高度. var scrollt = document.documentElement.scrollTop + document.body.scrollTop; ) { $(); //进行操作. } else { $(); } }) 判断按键 document.onkeydown = function (event) { ]; ) { } } 1 js 里面的键盘事件经常用到,所以

layui实现类似于bootstrap的模态框功能

以前习惯了bootstrap的模态框,突然换了layui,想的用layui实现类似于bootstrap的模态框功能. 用到了layui的layer模块,例如: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet"

Layui 弹出层组件——layer

layer是作为Layui[经典模块化前端框架]的一个弹层模块,由于其用户基数较大,所以把layer作为独立组件来维护. 基础参数: 基础参数主要指调用方法时用到的配置项,如:layer.open({content: ''})layer.msg('', {time: 3})等,其中的content和time即是基础参数,以键值形式存在,基础参数可合理应用于任何层类型中,我们不需要所有都去配置,大多数都是可选的.而其中的layer.open.layer.msg就是内置方法. 1.type - 基本

layui导航的使用

在项目开发的时候,需要后台的系统好看点,左边的导航需要设计为多级的,而且要点击当前的链接页面,刷新后要实现选中状态学习源头:http://www.layui.com/doc/element/nav.html 使用layui的导航面包屑 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta name="viewport" content="width=device-wi

jquery获取元素在文档中的位置信息以及滚动条位置（转）

jquery获取元素在文档中的位置信息以及滚动条位置 http://blog.csdn.net/qq_34095777/article/details/78750886 原文链接原创 2017年12月08日 21:38:50 标签: jquery / 元素位置 / DOM文档 / 视口 57 获取元素在页面中的位置信息,包括页面的可是区域还有页面滚动条的位置. 元素的位置信息包括: 元素的大小 width和height 元素的 X轴距离和 Y轴距离 jQeury提供的方法有: off

layui full-110 出现滚动条

热门专题