1、完全隐藏
在<boby>里加入scroll="no"，可隐藏滚动条；
<boby scroll="no">
2、在不需要时隐藏
指当浏览器窗口宽度或高度大于页面的宽或高时，不显示滚动条；反之，则显示；
<boby scroll="auto">
3、样式表方法
在<boby>里加入
style="overflow-x:hidden" //可隐藏水平滚动条
style="overflow-y:hidden" //可隐藏垂直滚动条
这种方法在页面头部为：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这种兼容模式下是不行的，其它的没试过，最后终于找到了正确的方法：被包含页面里加入
<style>
html { overflow-x:hidden;overflow-y:hidden }
</style>
有一段解释是这样说的：body{ overflow-x:hidden; }在标准 DTD 下是不可以的。
4、另一种方法
<style type="text/css">
body {
overflow-x:hidden; /*隐藏水平滚动条*/
overflow-y:hidden; /*隐藏水平滚动条*/
}
</style>
此方法在页面头部为：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这种兼容模式下也是不行的。
<style type="text/css">
html {
overflow-x:hidden; /*隐藏水平滚动条*/
overflow-y:hidden; /*隐藏水平滚动条*/
}
</style>
定义在html里就好了。
分享到：
相关推荐
隐藏浏览器滚动条通常涉及到CSS（层叠样式表）的使用，下面将详细解释如何通过CSS实现这一功能。 首先，滚动条的隐藏主要通过CSS3的`scrollbar`属性来实现。这个属性允许我们自定义滚动条的样式，包括颜色、宽度、...
### 去浏览器滚动条代码知识点详解 #### 一、背景与需求分析 在Web开发过程中，有时我们希望页面能够呈现出一种全屏无边框的效果，或者为了保持设计的一致性和美观度，需要隐藏浏览器默认的滚动条。尤其是在制作...
使用 `hidden` 可隐藏滚动条，`scroll` 则始终显示滚动条。 2. `-webkit-scrollbar`: 这个伪元素用于定义滚动条的整体样式。 3. `-webkit-scrollbar-track`: 定义滚动条轨道的样式。 4. `-webkit-scrollbar-thumb`: ...
本篇文章将深入探讨“多种风格的浏览器滚动条样式”，并以“malihu-custom-scrollbar-plugin-master”这个压缩包文件中的内容为例，讲解如何自定义滚动条样式，让滚动条成为网站设计的一部分，提升用户体验。...
在网页设计中，滚动条是不可或缺的元素，尤其是在内容超过屏幕显示...虽然不同浏览器之间的兼容性是个挑战，但通过合理使用CSS3新特性以及第三方库，我们可以实现跨浏览器的滚动条定制，让网页设计更加精致和个性化。
在网页设计和开发中，有时候为了提升页面的...综上所述，“webbrowser滚动条隐藏”是一项涉及CSS样式、浏览器兼容性以及用户体验的设计技巧。开发者应根据项目需求谨慎选择合适的隐藏方式，以达到既美观又实用的效果。
因此，在实际应用中，开发者应考虑使用浏览器前缀（如 `-webkit-`）来确保在现代浏览器中的兼容性，并为不支持这些特性的浏览器提供备选方案，例如使用JavaScript库或隐藏默认滚动条，使用自定义的滑动组件等。...
由于IE滚动条样式的局限性，设计师通常会采用条件注释或者检测浏览器类型的方法，为IE提供特殊的CSS样式，同时为现代浏览器使用更丰富的`::-webkit-scrollbar`伪元素来实现更精细的定制。 6. **JavaScript插件和库...
在网页设计中，当页面内容超出了可视区域的宽度时，浏览器会自动添加水平滚动条以允许用户水平滚动查看隐藏的内容。然而，滚动条本身会占用一定的空间，这可能会导致页面宽度缩小，从而影响布局的整体美观性。为了不...
1. **CSS隐藏移动端滚动条的方法**： 在移动端页面设计时，有时候需要隐藏滚动条来达到更好的视觉效果。在iOS和Android设备上，由于浏览器对滚动条的渲染机制不同，隐藏滚动条的方法也不尽相同。对于iOS设备，可以...
在默认情况下，浏览器会提供标准的滚动条样式，但这些样式可能无法满足设计师对于界面美观和一致性的需求。因此，利用CSS，我们可以自定义滚动条的颜色、形状、宽度以及滑块等元素，使其与网页整体风格相协调。 这...
在Android平台上，开发一款手机版浏览器时，可能会遇到一个常见的问题：在特定情况下，网页中的`div`元素的滚动条无法正常工作。这个问题通常是由于Android原生浏览器或自定义WebView组件的某些特性引起的。本文将...
以下是一些关于如何使用CSS隐藏滚动条的详细解释和示例代码。 首先，我们可以使用`overflow`属性来控制元素的内容是否应该溢出其容器。如果希望在内容溢出时显示滚动条，可以将`overflow`设置为`auto`。例如： ```...
### DIV滚动条设置添加 CSS滚动条显示与滚动条隐藏 #### 概述 在Web开发过程中，滚动条的样式和行为对于提升用户体验至关重要。通过CSS（层叠样式表），开发者可以自定义滚动条的外观、行为以及是否显示或隐藏。本...
2. **浏览器兼容性处理**：由于不是所有浏览器都支持CSS3的滚动条样式，因此需要使用JavaScript来实现跨浏览器的滚动条美化。这可能涉及到监听滚动事件、创建自定义滚动条元素并动态调整它们的大小和位置。 3. **...
在Web开发中，有时为了页面的美观或者特定的布局需求，我们可能需要隐藏浏览器的滚动条。JavaScript（JS）提供了一种方式来实现这一功能，让网页在保持内容可滚动的同时，不显示滚动条。本篇文章将深入探讨如何使用...
滚动条通常是浏览器默认样式，但通过CSS，我们可以自定义其外观，包括颜色、大小和形状，使其更符合网站设计的整体风格。以下是对滚动条样式设置的详细解析： 1. **溢出控制**： - `overflow-y` 和 `overflow-x` ...
在CSS3中，我们可以通过特定的伪类选择器来改变基于`-webkit-`内核浏览器（如Chrome、Safari）的滚动条样式，以解决滚动条过于宽大或不美观的问题，提升网页的整体视觉效果。以下是关于如何自定义滚动条样式的详细...
在网页设计中，有时我们希望页面看起来更加简洁或者符合特定的视觉风格，这时可能需要隐藏浏览器的滚动条。"jQuery隐藏滚动条"就是一个这样的解决方案，它利用jQuery库和CSS3技术来实现滚动条的动态显示与隐藏，尤其...