HTML
关注
分享
扫一扫
文章平均质量分 50
前端小峰
本人热爱编程，以前端为端口完善自己的技术栈，一起成长，一起见证。
展开
-
H5移动端实现pad弹窗手上滑上移动，手下滑下移动（和高德地图上的展示框类似）
一、背景最近承接了一个需求，需要在H5页面移动端实现手滑动上移动，下滑下移动，我一看就用到了滑动的三个事件touchstart、touchmove、touchend，顾名思义，touchstart就是滑动起始的触发事件，touchmove就是滑动时的触发事件，touchend就是脱离滑动的触发事件我录制的一个效果图，网上很少见的哟二、心路只要在移动起始位置记录下触击位置，在移动中计算偏移的量，不断的给偏移位置改值，就可以达到滚动的效果，只要在结束的位置做边界的限制和初始化操作就可以满足到我的一原创 2021-09-12 14:57:30 · 2696 阅读 · 0 评论 -
html+css 三列布局之经典布局、圣杯布局、双飞翼布局
前言在开发过程中，经常会碰到三列布局，就是左右两侧定，中间自适应，如果想看两列布局，前面文章有写两列布局上代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> * { margin: 0;原创 2021-03-14 11:51:55 · 184 阅读 · 0 评论 -
html 两列布局之宽度高度自适应解析（妙）
前言在我们整个PC端的项目上，有很多的主页面布局采用的是两列布局，左侧定，右侧自适应；或者右侧定，左侧自适应上代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style> body { color: #fff; } .fix原创 2021-03-14 11:39:52 · 584 阅读 · 0 评论 -
input标签copy事件的应用
在我们工作中，遇到表格需要把其从网页复制到execl表格中，利于分析。可以引用到input标签中自带的copy方法。如图所示，当我们点击复制按钮就可以赋值到我们的电脑缓存中，在execl表格中crtl+v就可以做到粘贴。复制到execl的结果如图所示：那么问题来了，怎么通过代码实现呢？把需要复制的代码最外侧套用一个input方法，在里面套用一个div，加一个id。我们图中...原创 2020-04-13 15:38:35 · 745 阅读 · 0 评论