在网页设计中，扁平化模式已经走向前端。然而，扁平化多内容容易导致浏览器横屏溢出，影响用户体验也不利于优化，隐藏滚动条是必须的技能。本篇经验分享如何隐藏网页自滚动条与引入模块的滚动条如何隐藏。
工具/原料
电脑，浏览器
Dreamweaver，文本文件
方法/步骤
第一步：新建一个html文件
用dw或记事本软件新建一个html网页文件，命名为隐藏滚动条，保存在桌面；
为了方便查看滚动条，需要设置网页尺寸超过电脑屏幕大小；
在浏览器中打开网页，查看效果，如图：
第二步：<body>内隐藏滚动
在<body>标签中写入以下代码，隐藏横向滚动条；
overflow-x:hidden;
在<body>标签中写入以下代码，隐藏纵向滚动条；
overflow-y:hidden;
在浏览器中查看效果，如图：
第三步：设置html半文本隐藏
删除body样式；
在样式中插入以下代码；
html { overflow-x: hidden; overflow-y: auto; }
隐藏横向滚动条；
在样式中插入以下代码；
html { overflow-x: auto; overflow-y: hidden; }
隐藏纵向滚动条；如图：
第四步：设置html全文本隐藏
在样式中插入以下代码；
html { overflow-x: hidden; overflow-y: hidden; }
隐藏全部滚动条。如图：
第五步：<iframe>引用外部网页文件
在html中插入以下代码，引入一个框架，里面只外部代码；
<iframe src="隐藏滚动.html" style="width:600px; height:800px;"></iframe>
在浏览器中查看滚动条动态，如图：
第六步：隐藏<iframe>框架滚动条
在<iframe>内部作以下修改，隐藏滚动条；
<iframe src="隐藏滚动.html" style="width:600px; height:800px;" scrolling="no"></iframe>
如图：
第七步：高级隐藏<iframe>
网页头部引入jquery主文件，并键入以下代码；
<script>
$(function(){
$("#iframe_id").load(function(){
var height = $(this).contents().find("#content").height() + 90;
//这样给以一个最小高度
$(this).height( height < 900 ? 800 : height );
});
});
</script>
即可隐藏滚动条，如图：
END
注意事项
横向滚动条经常都是隐藏的，纵向可随网页高度滚动。
w3c标准是隐藏滚动条的。
<body scroll="no">
</body>
代码
-- 网页彩色滚动条代码
把以下代码加入到<head>与</head>之间：
<style type="text/css">
dreamweaver怎么把图片轮播的滚动条去掉 求大神解救
第一步：新建一个html文件 用dw或记事本软件新建一个html网页文件，命名为隐藏滚动条，保存在桌面；为了方便查看滚动条，需要设置网页尺寸超过电脑屏幕大小；在浏览器中打开网页，查看效果，如图：第二步：内隐藏滚动 在标签中写入以下代码，隐藏横向滚动条；overflow-x:hidden;在标签中写入以下代码，隐藏纵...
dreamweaver图片轮播图片停留怎么弄呀?
这是我制作的轮播图源码（图片与时间间隔等可以自己改）：<!doctype html>https:\/\/www.wenmv.com* {margin: 0;padding: 0}html {font-size: 15px;}.box {width: 50rem;height: 32rem;border: 3px dashed red;margin: 15px 0;position: relative;left: 50%;top: 5%;transform: translate(...
dreamweaver怎么做图片轮播啊?
<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) --> 静静看这世界 幸福就是可以一起睡觉 想要一间这样的木屋，静静的喝咖啡<\/
网页制作图片轮播代码怎么插入DW
1. 双击桌面 Dreamweaver 8，网络中人们简称DW，单击左上菜单“文件”，单击“新建”，在弹出的“新建文档”中选择“类别”为基本页，右边选择“HTML”，再单击下面的“创建”，你就新建了一个网页了。2.单击拆分，这样既能看到代码部分，又能看到文档窗口，整个工作区一目了然。养成一个良好的习惯，...
用Dreamweaver制作图片轮播怎么弄?不要代码,要方法
不要代码那还如何制作？dreamweaver虽然有可视化操作，用鼠标点点就能作一些效果，但这是很有限的做网页的辅助功能---实际上dreamweaver也是在写代码，它的可视化操作不可能涵盖所有的网页效果，编写复杂的程序必须要写代码。轮播效果代码网上很多，使用修改别人的代码也是一种简便的方法。
怎么把轮播图插入这个框框可以动起来
轮播图代码种类非常多。请去找一下说明比较明确，容易理解的。主要设置的内容除了图片地址，切换时间以外还有某些脚本需要指定目标ID。另外，在本地测试的时候，IE之类浏览器是会阻止脚本运行，你可以看下地址是不是File:\/\/ 开头的地址。以及你的浏览器窗口上是不是有一个黄色的安全提示。
用Dreamweaver怎么做图片轮播效果,求远程指导
onClick="showNow22_right_center(4)"> - 把里面的内容换成 图片就可以 这是我以前写的代码 ，标签ID有点 长 不过没关系 你可以照套
轮播图片上有宝贝图片怎么弄链接,就是说怎么一点进去就是宝贝的链接...
你在图片中先上传，然后在店铺装修中，粘贴图片地址，设置上宝贝的链接就好啊 你的补充问题：那你就先把宝贝做到海报上，做成一张jpg,然后到Dreamweaver里面加个热点，弄个链接就行
pa切完的图片在dreamweaver里怎么编辑啊,包括图片轮播,文本什么的!
首先PS切完图后，需要使用DIV+CSS完成对静态网页的布局，这里自己必须要有HTML，DIV+CSS代码基础。什么文本这些，当使用CSS把框架写出来后，内容直接加进去即可，其他的诸如图片轮播等属于页面特效，我们需要用到JavaScript这些代码来写，当然现在网上有很多现成的特效代码，可以直接下载应用。网页设计综合性...
