2019年5月22日

摘要: 效果展示: 阅读全文
posted @ 2019-05-22 16:06 AndreaLi 阅读(1157) 评论(0) 推荐(0) 编辑

2018年11月28日

摘要: 应用场景:在移动端触摸移动指定容器,与另外一个容器相互调换位置。效果如图: css代码: *{ margin: 0; padding: 0; font-family: "微软雅黑";}html,body{ width: 100%; height: 100%; position: relative; 阅读全文
posted @ 2018-11-28 10:35 AndreaLi 阅读(341) 评论(0) 推荐(0) 编辑

2018年11月8日

摘要: 具体效果可以上百度云下载查看: 链接:https://pan.baidu.com/s/1ftkx_fRu5BLkD97DWgQpWw 提取码:1na6 css代码: *{ margin: 0; padding: 0; font-family: "微软雅黑";}html,body{ width: 10 阅读全文
posted @ 2018-11-08 11:04 AndreaLi 阅读(1186) 评论(0) 推荐(0) 编辑

2018年11月6日

摘要: 加载的html2canvas为官网上的新版本。 style样式: *{ margin: 0;padding: 0; font-family: "微软雅黑"; } html,body{ width: 100%; } #capture,#imgDiv{ width: 100%; } .imgDiv_im 阅读全文
posted @ 2018-11-06 11:58 AndreaLi 阅读(2277) 评论(0) 推荐(0) 编辑

2018年11月1日

摘要: 应用场景:触碰屏幕进行上拉隐藏指定模块内容,有过度效果;在滚动到第一条内容的时候,才可以进行下拉重新出现该模块内容。 style样式: *{ margin: 0; padding: 0; font-family: "微软雅黑"; } html,body{ width: 100%; height: 1 阅读全文
posted @ 2018-11-01 16:52 AndreaLi 阅读(831) 评论(0) 推荐(0) 编辑

2018年10月30日

摘要: 上一篇文章中的移动端图片缩放是不包括同时左右滑动查看图片,但是有些场景需要我们去实现类似于微信朋友圈的点击查看图片的效果。 弊端:photoswipe暂时只能实现iOS端长按出现保存图片到本地的功能,但是在安卓上却没有办法,暂时还未发现解决,后续会找办法。如果有找到解决办法的帅哥美女,可以留言告诉我 阅读全文
posted @ 2018-10-30 18:17 AndreaLi 阅读(1785) 评论(0) 推荐(0) 编辑

2018年10月29日

摘要: 应用场景:移动端页面,点击图片之后,放大并且可以进行缩放,单击图片之后关闭。 弊端:如果实现单击关闭图片,那么无法实现双击放大;如果实现双击放大图片,则无法实现单击关闭。 style样式: *{ margin: 0; padding: 0; font-family: "微软雅黑"; } html,b 阅读全文
posted @ 2018-10-29 15:51 AndreaLi 阅读(796) 评论(0) 推荐(0) 编辑
 
摘要: window.onpageshow=function(e){ if(e.persisted) { window.location.reload() } }; 阅读全文
posted @ 2018-10-29 11:24 AndreaLi 阅读(873) 评论(0) 推荐(0) 编辑

2018年10月24日

摘要: 实现效果如下图: 原本的datepicker插件是没有包含选择时间的,需要另外引入timepicker插件。 代码如下: HTML代码: <input id="startTime" /> script代码: $("#startTime").datetimepicker({dateFormat: "y 阅读全文
posted @ 2018-10-24 17:00 AndreaLi 阅读(1113) 评论(0) 推荐(0) 编辑
 
摘要: 现在,苹果手机的微信网页会出现底部返回导航栏,导致页面的部分内容会被导航栏遮挡住。 试验了很多次,最后是通过每次加载页面的时候获取页面的实际高度,来控制网页body体的高度。 只要在加载完成之后,添加这一句就可以避免出现内容被遮挡的情况了。 $("body").css("height",docume 阅读全文
posted @ 2018-10-24 16:29 AndreaLi 阅读(6704) 评论(0) 推荐(0) 编辑