dreamweaver怎么把图片轮播的滚动条去掉求大神解救 10

小弟很急啊... 小弟很急啊展开

 我来答

4个回答

#热议# 在购买新能源车时，要注意哪些？

匿名用户
推荐于2017-12-27

展开全部

在网页设计中，扁平化模式已经走向前端。然而，扁平化多内容容易导致浏览器横屏溢出，影响用户体验也不利于优化，隐藏滚动条是必须的技能。本篇经验分享如何隐藏网页自滚动条与引入模块的滚动条如何隐藏。

工具/原料

电脑，浏览器
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