会员
周边
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
IT刘磊
博客园
首页
新随笔
联系
订阅
管理
1
2
3
下一页
2019年7月1日
重置元素的CSS样式
摘要: 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刘磊
阅读(520)
评论(0)
推荐(0)
2019年1月22日
正则替换标签内的字符串
摘要: <!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刘磊
阅读(1184)
评论(0)
推荐(0)
2019年1月21日
Web移动端Fixed布局的解决方案
摘要: -webkit-overflow-scrolling: touch; 在 main 元素上加上该属性,嗯,丝般顺滑的感觉又回来了!
阅读全文
posted @ 2019-01-21 10:56 IT刘磊
阅读(288)
评论(0)
推荐(0)
弹窗滚动,禁止底部滚动
摘要: 解决方案 position: fixed body.modal-open { position: fixed; width: 100%; } 如果只是上面的 css,滚动条的位置同样会丢失所以如果需要保持滚动条的位置需要用 js 保存滚动条位置关闭的时候还原滚动位置 var ModalHelper
阅读全文
posted @ 2019-01-21 10:53 IT刘磊
阅读(1420)
评论(0)
推荐(0)
css3 模拟动态加载图标
摘要: <!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刘磊
阅读(609)
评论(0)
推荐(0)
2018年11月16日
利用滚动条进行移动端水平滑动
摘要: 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刘磊
阅读(899)
评论(0)
推荐(0)
滚动加载
摘要: $(window).scroll(function(){ var scrollTop = $(this).scrollTop(); //滚动条距离顶部的高度 var scrollHeight = $(document).height(); //当前页面的总高度 var clientHeight =
阅读全文
posted @ 2018-11-16 11:31 IT刘磊
阅读(238)
评论(0)
推荐(0)
2018年11月14日
搭建本地服务器调试移动端页面
摘要: 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刘磊
阅读(554)
评论(0)
推荐(0)
2018年7月2日
使用padding-top:(percentage)实现响应式背景图片
摘要: 我门都知道,处理在响应性布局的时候,背景图片都是等比例缩放,比如上面的使用图片的情况,使用<img /> 引入的图片的话,那么设置她们的width属性为100%;<img src=”” width=”100%”/> 的话,高度就会等比例缩放,这是图片,但是如果是背景图片呢?我门之前的项目中的常见的做
阅读全文
posted @ 2018-07-02 09:50 IT刘磊
阅读(311)
评论(0)
推荐(0)
2018年6月25日
点击空白处 关闭遮罩
摘要: $(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刘磊
阅读(1495)
评论(0)
推荐(0)
1
2
3
下一页
公告
点击右上角即可分享