HTML5 视频滚动时弹跳
我注意到,当我使用 标签将视频嵌入网页时,上下滚动时,视频会在浏览器中垂直上下弹跳。有没有办法禁用这种行为?
I've noticed that when I embed a video into a webpage with the <video>
tag, upon scrolling up and down, the video bounces vertically up and down in the browser. Is there a way to disable this behavior?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
我不确定这是否有效,但请尝试将 CSS 属性
position:absolute;
放入其中。我很确定这与浏览器有关,而不是您的任何编码。I'm not sure if this works, but try putting a CSS property of
position: absolute;
to it. I am pretty sure it is something to do with the browser not any of your coding.通过页面上的一些选项列表,尝试删除容器 div 和祖先的
background-position:fixed
。With a few list of options on the page, try removing the
background-position: fixed
for the container div and to ancestors.我在使用嵌入式 webkit 浏览器时遇到了这个问题,我使用视频标签的
position:absolute;
解决了这个问题,并将需要滚动的数据放置在可滚动的 div 内。I had this problem with an embedded webkit browser, I solved it using
position: absolute;
for the video tag, and by placing the data that needed to scroll, inside a scrollable div.我在某些视频中注意到了这一点,并通过以下方法解决了它:
I have noticed this with certain videos and have solved it with: