移动端问题会汇总

移动端点击出现阴影

a,img,button,input,textarea,div{-webkit-tap-highlight-color:rgba(255,255,255,0);}

ios不支持new Date('2016-01-01 00:00:00') 的解决办法

将2016-01-01格式改为2016/01/01即可

video播放器常用属性

// 行内播放
webkit-playsinline="true"
playsinline="true"
x5-playsinline="true"
// 启用H5同层播放器
x5-video-player-type="h5"
// 全屏方式
x5-video-player-fullscreen="true"
// 允许airplay(通过AirPlay可以把当前的视频投放到支持此技术的其他设备上。)
x-webkit-airplay="allow"
// 控制横竖屏( landscape 横屏, portraint竖屏)
x5-video-orientation="portraint"
// 帮助用户在显示其自己的控件集时选择要在媒体元素上显示的控件
// nodownload: 隐藏下载按钮  nofullscreen:隐藏全屏按钮 noremoteplayback:隐藏远程播放
controlslist="nodownload"
// preload 属性规定是否在页面加载后载入视频。如果设置了 autoplay 属性,则忽略该属性。
// auto - 当页面加载后载入整个视频
// meta - 当页面加载后只载入元数据
// none - 当页面加载后不载入视频
preload="auto"
// 启用video默认的控制栏
controls
// 自动播放
autoplay

chrome,微信获取滚动距离的方式不一样

const scrollTop = window.pageYOffset || document.documentElement.scrollTop;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容