`
txf2004
  • 浏览: 7065708 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

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

JavaScriptCSSHTMLJ# 
阅读更多

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


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script language="javascript">
<!--
function fullscreen(){
window.open("/index.htm","","scrollbars=0,toolbar=0,location=0,fullscreen=1,directories=0,status=0,menubar=0,resizable=0");
}
// -->
</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>

分享到：
| 获取服务器IP和获取访问者IP
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    javascript经典特效---去掉页面的滚动条.rar

    本资源“javascript经典特效---去掉页面的滚动条.rar”提供了一个实现这一功能的方法。以下是对这个主题的详细解释： 首先，我们要明白浏览器的滚动条是由其默认的样式和行为控制的，但在JavaScript的帮助下，我们...

    完全搞定iframe（框架）里的滚动条.doc

    ### 完全搞定iframe（框架）里的滚动条 #### 知识点概览 - iframe的概念与作用 - 在A页面使用iframe加载B页面时滚动条的问题 - 解决滚动条问题的不同方法（CSS和JS） - 具体案例分析与解决方案实施 #### iframe...

    让滚动条消失

    - **可用性考虑**：完全隐藏滚动条可能会导致用户无法意识到页面存在超出可视范围的内容，从而影响信息的完整获取。 - **替代方案**：除了隐藏滚动条外，还可以考虑其他方式来优化页面布局，如调整内容的大小、间距...

    网页滚动条添加 删除等方式

    网页滚动条是用户在浏览页面时常见的导航元素，有时为了特定的设计需求或优化用户体验，我们需要去除不必要的滚动条。 **去除水平滚动条** 可以通过设置`&lt;body style="overflow-x:hidden"&gt;`来实现水平滚动条的隐藏...

    layer弹出层 iframe层去掉滚动条的实例代码

    在这个问题中，我们关注的是如何在layer弹出层中的iframe层去除滚动条，以保持页面的整洁和用户体验。 首先，让我们深入理解一下涉及到的几个概念： 1. **layer**：Layer是基于jQuery的一个轻量级的弹窗插件，提供...

    HTML 隐藏滚动条和去除滚动条的方法

    有时为了保持网站界面的一致性和美观性，开发者会选择隐藏或完全去除滚动条。接下来，我们将详细探讨如何隐藏滚动条和去除滚动条。 首先，隐藏滚动条的常见方法是通过CSS样式来实现。具体操作如下： 1. 通过html...

    css设置滚动条颜色与样式以及如何去掉与隐藏滚动条

    在本文中，我们将探讨如何使用CSS来定制滚动条的颜色、样式，以及如何隐藏或去除滚动条。 首先，滚动条通常在内容超过容器元素的宽度或高度时出现，允许用户查看超出可视区域的内容。在CSS中，可以通过`overflow`...

    一款无滚动条左右拖拽的jquery.nicescroll插件.zip

    同时，"无滚动条"并不是指完全去除滚动条，而是将其设计得更为隐蔽，只有在鼠标悬停或触摸时才会出现，这样既保持了页面的整洁，又不妨碍用户操作。 【标签】"网页模板"暗示了这个插件主要用于构建和美化网页布局。...

    JS弹出层遮罩,隐藏背景页面滚动条细节优化分析

    一、去除滚动条方法 当我们在页面上添加一个遮罩层时，通常需要隐藏背景页面的滚动条以提供更好的用户体验。为了实现这一点，可以通过CSS样式给body标签添加overflow：hidden属性。这样的设置可以隐藏HTML元素或...

    invisible-scrollbar:隐藏滚动条但保留其功能

    在网页设计中，有时我们希望页面看起来更简洁，去掉那些不必要元素，比如滚动条。但是，滚动条作为用户导航长内容的重要工具，完全移除可能会导致用户体验下降。在这种情况下，“隐藏滚动条但保留其功能”就是一个很...

    dwcs4一些很有用的页面限制代码

    2. **在被包含页面的`&lt;body&gt;`标签中添加`style='overflow:hidden'`**：这种方法可以使页面内容溢出的部分不显示滚动条。 3. **在被包含页面的`&lt;body&gt;`标签中添加`scroll="no"`**：同样可以达到隐藏滚动条的效果。 ...

    iframe自适应内嵌页的高试,无srcoll

    然而，这可能会导致部分内容无法查看，因此需要谨慎使用，确保内容能在不显示滚动条的情况下完全可见。 另外，标签中的“工具”可能指的是开发者在实现这些功能时会用到的辅助工具或库，如浏览器的开发者工具，可以...

    40种网页常用小技巧(javascript)

    overflow-x:hidden"&gt;` 只显示垂直滚动条，而 `&lt;body scroll="no"&gt;` 则完全隐藏滚动条。 11. 去除图片链接虚线：在图片链接周围添加 `onFocus="this.blur()"` 可以消除链接被点击后出现的虚线框。 12. 电子邮件表单...

    iframe显示全部内容代码

    本篇文章将详细介绍如何利用特定的`iframe`代码使其能够完全显示内容而无需滚动条。 #### 二、`iframe`基础知识 1. **基本语法**： ```html 宽度" height="高度" frameborder="边框宽度" scrolling="是否显示...

    javascript常用代码.pdf

    overflow-x:hidden'&gt;`则隐藏水平滚动条，`&lt;body scroll="no"&gt;`则完全去除滚动条。 2. **图片链接的虚线边框处理**： - 当用户点击图片链接时，周围通常会出现虚线边框，这可以通过在`&lt;a&gt;`标签上添加`onFocus`事件...

    scrollview webbiew iframe

    3. 修改网页源码：如果可能，直接修改iframe的HTML源码，去掉iframe的滚动条，或者调整iframe的尺寸和位置，使其内容能在当前视口内完全显示。 四、示例代码 以下是一个简单的例子，展示了如何在NestedScrollView中...

    页面图片浮动左右滑动效果的简单实现案例

    这种效果通常应用于产品展示、图片画廊或新闻滚动等场景。本文将详细介绍如何通过HTML和CSS实现一个简单的页面图片浮动左右滑动效果。 首先，我们需要设置基本的CSS样式。`html`和`body`标签的设置是为了确保全屏...

    包含一些常用js源码

    - `scrolling`：设置IFRAME内部页面是否显示滚动条，默认为auto（根据内容自适应）。 - `topmargin` 和 `leftmargin`：设置IFRAME在容器内的位置。 ### 2. 页面过渡效果 可以通过`&lt;meta&gt;`标签添加页面进入和退出...

    pdfobject.js

    例如，可以设置容器的宽度和高度，或者处理滚动条等。 5. **错误处理**：如果用户的浏览器不支持PDFObject.js，库会提供一个备选方案，如提供下载PDF的链接。你可以通过监听`PDFObject.error`事件来处理这种情况。 ...

    html技巧代码

    1. **控制滚动条显隐**： - `overflow-y:hidden`：隐藏垂直滚动条，保留水平滚动。 - `overflow-x:hidden`：隐藏水平滚动条，保留垂直滚动。 - `scroll="no"`：在`&lt;body&gt;`标签中使用此属性可禁止任何方向的滚动条...

Magicbox
Global site tag (gtag.js) - Google Analytics