![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js效果
zeroyulong
前端攻城狮,日常撸代码
展开
-
js返回顶部和滑到页面底部的动画解决方案
一、无动画版本,实际效果太过僵硬,切换太快,页面直接滑到了了底部/顶部var scrollHeight = $(document).height();//文档高度window.scrollTo(0,scrollHeight);//到达文档底部window.scrollTo(0,0);//到达文档顶部二、项目前端架构使用zepto进行的开发,zepto的animate方法只能操作css3的动画属...原创 2018-03-27 14:39:43 · 1817 阅读 · 0 评论 -
js购物车左滑删除功能
转自:http://www.cnblogs.com/tnnyang/p/6429730.html<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-sca转载 2018-04-19 10:22:49 · 1571 阅读 · 2 评论 -
js监听移动端手机横竖屏事件
window.addEventListener("orientationchange", function() { alert(window.orientation);}, false);原创 2018-04-19 10:26:09 · 5855 阅读 · 0 评论 -
echarts 仿支付宝基金七日年化折线图
插件版本:echarts4.0代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>仿支付宝七日年化折线图</title> <meta name="viewport" content=&quo原创 2018-11-30 17:45:30 · 4227 阅读 · 1 评论 -
解决在移动端echarts tab切换时,axpointer线不消失的bug
需求:在pc端hover时axpointer的标线才会出现,鼠标离开自动消失,但在移动端标线无法自动消失,在tab切换更多数据的时候,标线还留在页面视图内造成bug插件版本:echarts4.0解决:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <t...原创 2018-12-12 18:23:11 · 1493 阅读 · 0 评论 -
移动端上拉加载更多demo
根据此demo可以自己封装vue,react,微信小程序组件<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-sc原创 2019-01-16 16:10:11 · 1592 阅读 · 0 评论 -
itemStyle的颜色变化(某宝的收益列表效果)
对标实现后效果代码实现(echarts 核心是itemStyle的设置)<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport"原创 2019-03-15 14:18:43 · 6754 阅读 · 0 评论 -
echarts 自定义图例的颜色
直接定义color数组即可var option = { color:['#ff671b','#666666','#888888'], legend: { orient: 'vertical', x: 'left', top: 'middle',//上下居中 itemWidth: 6, itemHeight: 6, s...原创 2019-04-25 17:20:36 · 2970 阅读 · 0 评论 -
移动端打开pdf查看
git地址:https://github.com/mozilla/pdf.js收藏备用转载 2019-09-19 19:00:09 · 577 阅读 · 0 评论