随笔分类 -  移动端开发技巧

JS和安卓 IOS的交互 例子式记录
摘要：(function () { var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !!u.match(/\(i 阅读全文
posted @ 2018-08-30 16:20 惊沙男孩 阅读(411) 评论(0) 推荐(0)
桌面版chrome调试APP的webview的步骤：
摘要：1. 在chrome地址栏输入：chrome://inspect/ 2.手机插入电脑USB口，打开开发者选项，OK，可以了。 友情链接：http://www.cnblogs.com/slmk/p/7591126.html 阅读全文
posted @ 2018-08-04 13:05 惊沙男孩 阅读(472) 评论(0) 推荐(0)
IOS系统不兼容position: fixed;属性的解决方案
摘要：position: fixed;属性在IOS系统手机上会有很明显的抖动，解决方式： 只需要在中间部分外层div添加css样式position:fixed;top:50px; bottom:50px;overflow:scroll;就可以实现效果，无需插件。 让顶部和底部固定不动的DIV和中间内容部分 阅读全文
posted @ 2018-08-04 10:55 惊沙男孩 阅读(4292) 评论(0) 推荐(0)
ios系统和某些移动端background-attachment:fixed不兼容性
摘要：固定背景不动：background-attachment:fixed; ios系统和某些移动端background-attachment:fixed不兼容性，没有任何效果，但可以hack一下就可以了，代码如下: ps：想在哪个标签加背景，可以在它class后:before. body:before 阅读全文
posted @ 2018-08-01 21:46 惊沙男孩 阅读(1369) 评论(0) 推荐(0)
移动端横滑模块
摘要：1. 消除意外的间距：父级：overflow-x: auto; white-space: nowrap; font-size: 0; 阅读全文
posted @ 2018-07-30 11:11 惊沙男孩 阅读(232) 评论(0) 推荐(0)
移动端布局 根元素的计算
摘要：var deviceW;function computed() { deviceW = document.documentElement.clientWidth || document.body.clientWidth; if (deviceW > 750) return; document.doc 阅读全文
posted @ 2018-07-18 22:03 惊沙男孩 阅读(210) 评论(0) 推荐(0)
上拉刷新，下拉加载（JQuery）
摘要：<script type="text/javascript"> $(document).ready(function() { $(window).scroll(function() { //$(document).scrollTop() 获取垂直滚动的距离 //$(document).scrollL 阅读全文
posted @ 2017-12-26 16:32 惊沙男孩 阅读(761) 评论(0) 推荐(0)
IOS的UIWebView中JS点击事件，需要加入cursor：pointer;属性才可以
摘要：IOS的UIWebView中JS点击事件，需要加入cursor：pointer;属性才可以。 Android的WebView可以支持外链样式，js文件；IOS则需要改为内嵌样式和JS文件。 阅读全文
posted @ 2017-12-26 14:41 惊沙男孩 阅读(472) 评论(0) 推荐(0)