摘要: normalize.css、 minireset 是两个常用的css reset样式表。 normalize.css 下载源码:网址-- https://necolas.github.io/normalize.css/7.0.0/normalize.css minireset.css 源码: 阅读全文
posted @ 2019-07-01 10:44 IT刘磊 阅读(509) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> .dd{ color:aquamarine; font-size: 20px; } </style> </head> <bod 阅读全文
posted @ 2019-01-22 17:35 IT刘磊 阅读(1176) 评论(0) 推荐(0) 编辑
摘要: -webkit-overflow-scrolling: touch; 在 main 元素上加上该属性,嗯,丝般顺滑的感觉又回来了! 阅读全文
posted @ 2019-01-21 10:56 IT刘磊 阅读(285) 评论(0) 推荐(0) 编辑
摘要: 解决方案 position: fixed body.modal-open { position: fixed; width: 100%; } 如果只是上面的 css,滚动条的位置同样会丢失所以如果需要保持滚动条的位置需要用 js 保存滚动条位置关闭的时候还原滚动位置 var ModalHelper 阅读全文
posted @ 2019-01-21 10:53 IT刘磊 阅读(1405) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, us 阅读全文
posted @ 2019-01-21 10:28 IT刘磊 阅读(606) 评论(0) 推荐(0) 编辑
摘要: Question: (1)实现水平滑动 (2)滚动条滚动,自动显示 li.active 项所在的位置 <div class="scroll_hide"> <div id="machine_box"> <ul id="machine_list"> <li class="machine_items"> 阅读全文
posted @ 2018-11-16 14:16 IT刘磊 阅读(889) 评论(0) 推荐(0) 编辑
摘要: $(window).scroll(function(){ var scrollTop = $(this).scrollTop(); //滚动条距离顶部的高度 var scrollHeight = $(document).height(); //当前页面的总高度 var clientHeight = 阅读全文
posted @ 2018-11-16 11:31 IT刘磊 阅读(231) 评论(0) 推荐(0) 编辑
摘要: 1. 下载Node.Js, 按照默认选项安装到指定文件夹;【实际演练】:1. 打开CMD,将指定文件夹作为Http-Server,比如:我将Node.Js目录中的html文件夹作文指定目录,操作如下: 命令行备用: npm install http-server -g http-server 2. 阅读全文
posted @ 2018-11-14 14:39 IT刘磊 阅读(549) 评论(0) 推荐(0) 编辑
摘要: 我门都知道,处理在响应性布局的时候,背景图片都是等比例缩放,比如上面的使用图片的情况,使用<img /> 引入的图片的话,那么设置她们的width属性为100%;<img src=”” width=”100%”/> 的话,高度就会等比例缩放,这是图片,但是如果是背景图片呢?我门之前的项目中的常见的做 阅读全文
posted @ 2018-07-02 09:50 IT刘磊 阅读(300) 评论(0) 推荐(0) 编辑
摘要: $(document).mouseup(function(e){ var _con=$('目标区域class/id') ; // 获取目标区域 if(!_con.is(e.target) && _con.has(e.target).length 0){ // 判断点击事件发生在区域外的条件是 // 阅读全文
posted @ 2018-06-25 13:40 IT刘磊 阅读(1491) 评论(0) 推荐(0) 编辑