移动端踩坑试验

1.关于overflow兼容性

overflow-x: auto;

// 在ios上有兼容性问题，需添加下面

-webkit-overflow-scrolling: touch;

 

2.实现一行内滑动

.list{

overflow-y: hidden;

overflow-x: scroll;

white-space: nowrap;

}

.list-item{

display: inline-block;

width: 100px;

}

 

3.html2canvas导出有问题

当页面中已经存在一个canvas时，再次将页面通过html2canvas导出时就会有问题，向上偏移等，需先将页面中已存在的canvas转换成图片再通过html2canvas导出

// xx为需要导出页面的id

html2canvas(document.getElementById('xx'), {

useCORS: true,

logging: true,

background: '#fff',

}).then((canvas) => {

let url = canvas.toDataURL('image/png', 1.0);

let a = document.createElement('a');

let event = new MouseEvent('click');

a.download = 'xx';

a.href = url;

a.dispatchE