相关搜索 >> 手机

  • 0102PhotoSwipe部分安卓手机长按图片不弹出菜单问题阅读(6285)条2019/1/2 17:15:45

    在使用PhotoSwipe时,在IOS设备上图片放大能够弹出微信的保存图片的菜单,而安卓上却没有微信的保存图片的菜单。PhotoSwipe部分安卓手机长按图片不弹出菜单问题 特此记录一下 在photoswipe.js里找到如下代码_onDragStart = function(e)然后定位到内部的if (_preventDefaultEventBehaviour(e, true))找到如上代码位置编辑成如下保存即可if (_preventDefaultEventBehaviour(e, true)) { var isAndroid = /android/gi.test(navi...阅读全文

    Taget:PhotoSwipe 微信 安卓 

  • 0223解决ios手机页面overflow scroll滑动很卡的问题阅读(10187)条2017/2/23 15:24:00

    今天在IOS系统上测试 web App的时候发现使用了position:fixed/absolute时,DIV容器里面下滑动没有像普通页面一样顺畅,手滑到哪就停到哪。感觉很卡一样,而安卓效果正常,算是一个bug。终于在网上找到了一个解决方法。 -webkit-overflow-scrolling:touch; 加上去后果然有用,也就是说DIV容器使用的定位属性引起的。当时效果是弹出一个层,body无滚动条,但是弹出层需要可以上下滑动。如果你也碰到了这个问题希望可以用这一句css代码帮...阅读全文

    Taget:bug ios 定位 web app 

  • 0311手机端加载资源特效代码及完整实例阅读(5313)条2016/3/11 15:54:03

    在做h5移动页面,相信大家一定碰到过页面已经打开,但是里面的图片还未加载出来的情况,这种问题虽然不影响页面的功能,但是不利于用户体验。抛开网速的 原因,解决这个问题有多方面的思路:最基本的,要从http请求合并,缓存管理,图片压缩等方面做性能优化;另外就是可以对页面里用到的所有图片做预加载 的处理,当用户打开页面的时候不立即显示第一屏,而是先显示资源加载效果,等到加载完毕,再来显示页面的主内容,这样就能解决那个问题。虽然这...阅读全文

    Taget:手机 特效 加载 

  • 1013如何解决 手机版 uc 浏览器不能 复制内容的bug阅读(27294)条2015/10/13 17:24:31

    做手机版网页的时候发现使用UC浏览器的时候不能手动复制内容的Bug 一直找也找不到问题。然后就自己从页面找问题发现页面有使用<meta name="browsermode" content="application"/>时UC 浏览器不能复制网页中的内容。所以在这里记录下来。希望能帮助到那些碰到过一样问题的朋友提个醒。顺便在这里贴一个我使用的手机默认设置<meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,u...阅读全文

    Taget:网页 浏览器 复制 

  • 0923web app模拟checkbox与radio实例代码下载阅读(7058)条2015/9/23 17:27:19

    一、开篇现在经常可以在网络上看到一些非常奇特的表单元素,例如Checkbox复选框和Radiobox单选框,而且更让 人蛋疼的是各个浏览器的样式还不统一,今天做了一个用标签模拟checkbox与radio的实例,主要是是近做手机 web App时发现默认的样式很不好看。所以突然就做了下,先来看看 预览图: 二、主要思路模拟的作用是为了给用户更好的体验效果,在代码中使用的时候隐藏真实checkbox或radio按钮。然后用相关标签做效果并且结合JS实现真实的i...阅读全文

    Taget:手机 模拟 radio checkbox 

  • 0815jq滚动到底部自动加载数据实例阅读(19512)条2015/8/15 20:57:50

    一、功能描述:滚动下拉到页面底部加载数据是很多瀑布流网站的做法,本实例是固定数据,小菜总结记录之用,高手勿喷。首先要先判断页面怎么样才是滚动到底部,也就是scrollTop+window的height是否大于document的 height,jquery如下代 码:$(window).scrollTop()+$(window).height()>=$(document).height();再给window绑定scroll事件来实现加载数据显示。本实例的主要是提供手机版使用所以使用了CSS3的旋转模拟图片加载效果。在实例中实现了...阅读全文

    Taget:jq 手机 滚动 加载 

  • 0529手机网站使用iscroll插件链接无法点击解决方案阅读(7488)条2015/5/29 15:12:29

    在网上下载iscroll之后,运行测试到第二个demo 时,在火狐上面运行非常好,但是当我用手机测试的时候,我发 现,div中链接无法点击,此在网上也找不到相对应的解决方案,于是再检查看看其他的例子是不是也不能点击的时候,click例子在眼前一亮,click 案例里面的链接是可以点击的,于是乎,我对比了两个例子的调用插件js,果然是js的原因myScroll = new IScroll('#wrapper'); click jsmyScroll = new IScroll('#wrapper',...阅读全文

    Taget:插件 iscroll 点击 

  • 0520手机版 js图片浏览插件(附源代码下载)阅读(12338)条2015/5/20 20:33:39

    在新的手机项目中有要求对多张图片进行浏览,所以本人也是在网上找了很多都没有找到合适的代码,后来在某网站上找了一个改成了自己的比较好用,而且没有某网站那样调用JSON,这样感觉就通用,而且很方便,可以对多个区域进行调用即。底部附源代码下载一、效果图下图所示:放大浏览图内容 主要div 源代码如下:<!-- 放大浏览图开始 --><div class="m-dt" id="Jslider"> <div class="swipe-wrap"...阅读全文

    Taget:js 手机 插件 图片 下载 

  • 0504手机版浏览器禁止滚动条与释放实例阅读(17560)条2015/5/4 16:58:29

    写页面事件的时候,有的时候需要用event.preventDefault取消原有的事件后进行重写,这个大家应该都知道。那么怎么在取消默认事件后再恢复呢。解绑我们自定义的事件就好了。以Jquery为例我们用$(“body”).bind(“touchmove”,function(event){event.preventDefault;//code});取消了body的拖动事件。恢复这个拖动事件只要$(“body”).unbind(“touchmove”);为此我专门做了一个HTML特效希望大家喜...阅读全文

    Taget:html5 手机 滚动条 浏览器 

  • 0502解决如何去掉手机版HTML页面滚动条阅读(48054)条2015/5/2 20:14:06

    经过测试,默认的HTML5页面在手机浏览器测试中发现 横向,纵向滚动条都有,尽管页面没有内容也是照常出现。开始不知道什么原因,原来是没有加一句手机的META代码。<meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport" />width - viewport的宽度height - viewport的高度initial-scale - 初始的缩放比例minimum-scale - 允许用户缩放到的最小比例maximum...阅读全文

    Taget:触屏 手机 滚动条 html5 

  • 0619手机的 HTML5 Audio 播放问题记录阅读(17937)条2014/6/19 10:19:40

    最近的项目里面调试手机用的音乐播放网站,发现智能手机浏览器的HTML5 Audio播放真是各种别别窍啊,就在这里记录下下吧。所用手机:在日本发卖的大多数智能手机,包括iPhone3GS、iPhone4、iPhone4S、iPhone5(iOS5和6),Android2.3、4.0、4.1、4.2的各种手机。实现的功能:单首歌播放和停止,多首歌连续播放,歌曲都是MP4原有实现流程:1,为了处理共通化和隔离,不在网页里面直接写<audio>,而是写<a>并且用javascript在上面挂onclick...阅读全文

    Taget:Android ios audio html5 

  • 0224如何在电脑上测试手机网站(全)阅读(7053)条2014/2/24 10:21:39

    最近公司要开发网站的移动版,让我准备准备知识,话说本人开发移动网站的经验还真不多, 最悲剧的事情就是我的手机是个经典的诺基亚,而且公司还不给配手机,这是有多讨厌,没办法,没有手机只能用电脑模拟了,相办法代替,查了很多资料,尝试了 大部分方法,下面将这一天的努力总结下分享给大家,也让大家免去看那么多文章,以下介绍的方法,都是本人亲自测试成功的方法,测试环境winxp。Chrome*chrome模拟手机总共有四种方法,原理都一样,通过伪装...阅读全文

    Taget:手机 测试 网站 

当前第  1  页 / 共  2  页  总共19条记录  

12