摘要: 1)手机端click为什么会有延时300毫秒 //1 因为在手机端上 连个手机一捏就可以放大页面 连续点击2下复原到原来的大小//2 click的延时就是再等你是否是双击 2)解决方法 //1 禁止页面缩放 <meta name="viewport" content="user-scalable=n 阅读全文
posted @ 2021-03-03 21:49 棉花糖88 阅读(212) 评论(0) 推荐(0)
摘要: // 返回顶部模块制作 var goBack = document.querySelector('.goBack'); var nav = document.querySelector('nav'); window.addEventListener('scroll', function() { if 阅读全文
posted @ 2021-03-03 21:34 棉花糖88 阅读(76) 评论(0) 推荐(0)
摘要: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, 阅读全文
posted @ 2021-03-03 21:30 棉花糖88 阅读(2035) 评论(0) 推荐(0)
摘要: 1)知识梳理 classList 是H5新增的一个属性作用:获取 添加 删除 切换CSS类添加 删除 切换 等的使用 需要先获取到 2)返回值 返回一个数组DOMTokenList(3) ["one", "two", "three", value: "one two three"] 0: "one" 阅读全文
posted @ 2021-03-03 16:04 棉花糖88 阅读(207) 评论(0) 推荐(0)
摘要: 1)概况 //和PC端基本一样//1 可以自动播放图片 //2 手指可以拖动播放 一 图片自动播放 1)自动播放 //1 开启定时器 //2 用translate移动//3 让图片优雅的移动 添加transition过渡 2)无缝滚动 3)让小圆点跟着一起变化 二 classList属性 1)概念 阅读全文
posted @ 2021-03-03 16:03 棉花糖88 阅读(121) 评论(0) 推荐(0)