html5移动端
心灵的学霸
这个作者很懒,什么都没留下…
展开
-
基于Agile Lite开发框架实现底部导航切换页面
本文涉及到的开发框架有Agile Lite 、seedsui、Iscroll、arttemplate等等框架。 Agile Lite:是一个HTML5移动应用开发框架,提供基于事件驱动和数据注入的MVP模式以及无关UI的可扩展框架结构。原创 2017-10-18 09:44:53 · 851 阅读 · 0 评论 -
H5开发头部滑动导航
本文使用Agile Lite框架实现头部滑动导航。点击下载框架,导入框架如下:<link rel="stylesheet" href="../assets/agile/css/agile.layout.css"><link rel="stylesheet" href="../assets/third/seedsui/plugin/seedsui/seedsui.min.css">原创 2017-10-23 16:25:24 · 1508 阅读 · 0 评论 -
input自动获取焦点在移动端自动弹出手机软键盘
一、input自动获取焦点 正常来说,在input标签添加autofocus属性就可以了。代码如下:<input id="search" type="search" placeholder="搜索" autofocus="autofocus"></input>二、在使用Iscroll框架组件的页面实现input自动获取焦点 因为Iscroll 在初始化的时候会阻止所有事件,所以input聚原创 2017-10-25 15:33:53 · 17589 阅读 · 8 评论 -
input弹出的手机键盘搜索事件
一、input的搜索框 在input标签里面把type设置为search就可以了。弹出的手机键盘回车键也会变成搜索或者是搜索的图标。<input id="search" type="search" ></input>设置type为search的搜索框,当输入内容的时候,后面会多出一个x,点击x可以清空输入的内容。 二、获取键盘搜索事件 输入内容之后直接点击手机键盘的搜索按钮就可以进行搜索了原创 2017-10-25 16:09:45 · 11530 阅读 · 0 评论 -
jQuery实现滚动返回顶部
避免a标签返回顶部的时候返回上一页需要点击2次返回上一页按钮最简单的a标签实现返回顶部<a href="#"></a> 但是这样相当于a标签打开一个无地址页面,所以点击返回上一页的时候需要点击2次。 2. 解决上面的问题直接使用JQuery实现滚动返回顶部,效果更佳。 html代码如下:<div class="top"> <img src="../../img/top.png原创 2017-12-05 11:18:02 · 250 阅读 · 0 评论 -
PDF.js访问远程服务器报file origin does not match viewer's
PDF.js的使用1.下载pdf.js插件:点击下载。 2.解压后把web和build文件夹放进项目里。 。 3.新建一个test.html,通过iframe标签嵌套viewer.html即可,如果是只加载本地文件,在viewer.js修改默认的pdf文件路径即可。<iframe src="web/viewer.html" width="100%" height="800p...原创 2018-03-14 15:53:02 · 14653 阅读 · 3 评论