完全去除页面滚动条的方法

取消全屏滚动条

最新推荐文章于 2023-10-11 15:17:12 发布

最新推荐文章于 2023-10-11 15:17:12 发布 · 210 阅读

文章标签：

#JavaScript #CSS #HTML #J# #ViewUI

javascript 专栏收录该内容

85 篇文章

订阅专栏

本文介绍了一种通过JavaScript实现网站全屏的方法，并讨论了如何在全屏模式下隐藏滚动条的问题。作者分享了一个示例代码，指出即使设置scrollbars值为0仍会出现滚动条的情况，并提供了在CSS中设置overflow:hidden来解决此问题的方法。

今天做站的时候客户要求实现网站全屏，使用JavaScript：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script language="javascript">

</script>
</head>
<body>
<h3 align="center"><a href="j avascript:fullscreen()">打开</a></h3>
</body>
</html>

可是，即使scrollbars值为0，在全屏的时候仍然会出现滚动条，后来发现，要完全取消滚动条，还需要在CSS里面加上：

overflow:hidden;

有网友说可以在Body里面加上scroll=no实现，例如

<body scroll=no></body>