极客观点
项目管理
HarmonyOS
更新：
这些页面都使用iframe引用的，刚刚测试了video页面（没通过引用），不怎么卡顿了；但是iframe外层我加过一个父元素，并添加了一些属性，好像并没有什么作用
写web页面的时候，用了多个video 标签， 点击打开、关闭，再滑动，经常会出现卡顿，
用mozilla 的 pdf.js 预览pdf（建立多个canvas，预览多页PDF）的时候， 页面滑动也会出现卡顿，
测试后发现点击空白处（个人理解是焦点换到页面上而非video或canvas内），就可以正常滑动，不点击，可能会出现 无法滑动、回滚这种现象，请教下该怎么解决这种问题？
附上写video的代码
<body>
//8个section
<section class="video-section">
<h3 class='section-title'>测试1</h3>
<div class="video-box">
<video src="video/1.mp4" width="100%" height="auto" controls="controls" poster='video/1.jpg'>
您的浏览器不支持video控件，建议您升级到最新版或者更换为chrome浏览器!
</video>
</div>
</section>
<section class="video-section">
<h3 class='section-title'>测试2</h3>
<div class="video-box">
<video src="video/2.mp4" width="100%" height="auto" controls="controls" poster='video/2.jpg'>
您的浏览器不支持video控件，建议您升级到最新版或者更换为chrome浏览器!
</video>
</div>
</section>
</body>
html5
给所有canvas加一个样式 cursor-pointer:none;
我单词可能有拼错，你试试