dmbim82848-CSDN博客

转载上拉加载

onScroll() { //可滚动容器的高度let innerHeight = document.querySelector('#app').clientHeight;//屏幕尺寸高度let outerHeight = document.documentElement.clientHeight;//可滚动容器超出当前窗口显示范围的高度let scroll...

2019-04-17 11:10:00 126

转载关于页面点击搜索框时，虚拟键盘遮挡搜索框的问题

//当点击搜所框时是页面滚动$('#keyword').focus(function(event) { setTimeout((function(){ var i=0; return function(){ window.scrollTo(0,150) } })(), 200); // return; $('#keyword').blur(fu...

2018-05-03 13:42:00 179

转载开发中遇到的问题，及解决方法。-2018.5.2

2018-05-02 17:15:00 221

转载判断用户是在什么设备打开的页面

1、首先判断pc端还是移动端。 function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "i...

2018-04-27 10:07:00 204

转载苹果浏览器禁止用户缩放

解决方法：监听事件来阻止 window.onload=function(){ document.addEventListener('touchstart',function(event){ if(event.touches.length>1){ e...

2018-04-11 15:18:00 254

转载 css媒体查询 @media适配不同大小窗口

2018-04-10 17:16:00 1004

转载 css3 media响应式媒体查询器用法总结

随着响应式设计模型的诞生，Web网站又要发生翻天腹地的改革浪潮，可能有些人会觉得在国内IE6用户居高不下的情况下，这些新的技术还不会广泛的蔓延下去，那你就错了，如今淘宝，凡客，携程等等公司都已经在大胆的尝试了这项技术，并完美的应用在了自己的网站上了。再不更新知识你就老了。我今天就总结一下响应式设计的核心CSS技术Media(媒体查询器)的用法。准备工作1：设置Meta标...

2018-04-10 14:19:00 95

转载五大浏览器内核

1、Trident: IE、Maxthon(遨游)、腾讯、Theworld世界之窗、360浏览器 2、Gecko：：代表作品Mozilla Firefox 是开源的 3、Webkit : 代表作品Safari、Chrome ，是一个开源项目。 4、Presto : 代表作品Opera ，Presto是由Opera Software开发的浏览器排版引擎。它...

2018-04-10 11:30:00 108

转载 iOS的移动端兼容问题

1)定位问题：ios 2) 写背景图时最好加上top left 或者0 0 不然写运动效果时容易出现跳　　3)防止手机中网页放大和缩小:<meta name="viewport" content="user-scalable=0" /> 　　4)设置Web应用是否以全屏模式运行:<meta name="apple-mobile-web-app-capable...

2018-04-10 09:30:00 166

转载关于移动端的一些兼容问题

　1、首先我们在使用Media的时候需要先设置下面这段代码（写在head标签里）：　　　　<meta name="viewport" content="width=device-width,maximum-scale=1,user-scalable=no"/>　　　　　　　这段代码的几个参数解释： width = device-width：宽度等于当前设备的...

2018-04-10 09:27:00 114

dmbim82848的专栏