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

发布网友发布时间：2022-04-22 08:29

我来回答

共4个回答

热心网友时间：2022-04-06 13:03

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

工具/原料

电脑，浏览器

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>框架滚动条

在<iframe>内部作以下修改，隐藏滚动条；

如图：

第七步：高级隐藏<iframe>

网页头部引入jquery主文件，并键入以下代码；

$(function(){

$("#iframe_id").load(function(){

var height = $(this).contents().find("#content").height() + 90;

//这样给以一个最小高度

$(this).height( height < 900 ? 800 : height );

});

</script>

即可隐藏滚动条，如图：

END

注意事项

横向滚动条经常都是隐藏的，纵向可随网页高度滚动。

w3c标准是隐藏滚动条的。

热心网友时间：2022-04-06 14:21

代码：

<body scroll="no">
</body>

代码

-- 网页彩色滚动条代码

把以下代码加入到<head>与</head>之间：

<style type="text/css">

热心网友时间：2022-04-06 15:56

CSS里面去掉overflow的属性值，或者将overflow的值设置成hidden就不会显示滚动条了

热心网友时间：2022-04-06 17:47

div宽高太小，把宽高增大或者加 overflow: hidden;试试

全部栏目

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

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