超出父容器时不要滚动条但是要滚动条效果

最新推荐文章于 2024-01-18 15:12:05 发布

北刘庄我最帅

最新推荐文章于 2024-01-18 15:12:05 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_34849724/article/details/80661098

本文介绍了一种在网页布局中实现内容滚动效果同时隐藏滚动条的方法。通过使用HTML和CSS，可以在保持页面美观的同时，为用户提供良好的滚动体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
<title>留滚动效果，去除滚动条</title>
</head>
<style>

</style>
<body >

<div id='father' style='overflow:hidden;background-color:yellow; width: 500px;height:250px;'>
<div id='son' style='background-color:red;width:530px;height:250px;overflow-y:auto;'>
<p style="height: 900px;">我是内容</p>
</div>
</div>

</body>
<script>

</script>
</html>