gpt4 book ai didi

css - 带有 overflow-y 的 div 内的 Canvas

转载 作者:行者123 更新时间:2023-11-28 00:17:03 29 4
gpt4 key购买 nike

我有一个带有 overflow-y 的 div,里面有一个 Canvas 。当我向下滚动时,我在 FF、Chrome 和 IE9 中看到了一个 strip 。我怎样才能让这个地带消失?

可以看到红条here

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
<style>
article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }

#container {
overflow-y: scroll;
width: 900px;
height: 400px;
background-color: red;
}

#container canvas {
background-color: gray;
}
</style>
<script type="text/javascript">
var init = function() {
var container = document.getElementById('container');
var canvas = document.createElement('canvas');
canvas.width = container.clientWidth;
canvas.height = 1000;
container.appendChild(canvas);
container.scrollTop = container.scrollHeight;
}
</script>
</head>
<body onload="init()">
<div id="container"></div>
</body>
</html>

最佳答案

#container canvas中添加display: block;:

#container canvas {
background-color: gray;
display: block;
}

Demo

关于css - 带有 overflow-y 的 div 内的 Canvas ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11592715/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com