当前位置:Gxlcms > 前端框架 > 如何设置浮动框架是否显示滚动条scrolling?

如何设置浮动框架是否显示滚动条scrolling?

时间:2021-07-01 10:21:17 帮助过:80人阅读

在上篇文章中,我们了解了iframe是什么意思啊?浮动框架iframe详解,然而很多人不知道如何设置浮动框架是否显示滚动条scrolling?下面我们来讲解一下scrolling 属性?

一:什么是scrolling 属性

scrolling属性是否在框架中显示滚动条,但是在一般情况下,当我们的内容出现了iframe,我们的框架就会出现滚动条。

scrolling语法:<iframe scrolling="value">

一般scrolling的属性值有三个,auto,yes和no三种情况,auto是表示在需要出现滚动条,而yes和no是不需要显示滚动条和从来不显示,一般浮动框架默认的也是auto。

二:如何设置浮动框架是否显示滚动条scrolling

代码实例:

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <div id="main">
        <h3>Gxlcms</h3>
        <iframe src="http://www.php.cn/" width="400px" height="300px" scrolling="no"></iframe>
    </div>
</body>
</html>

显示效果如下:

18.png

分析:在以上显示效果中,我们并没有看到浮动框架,正是因为scrolling等于no才会不显示,如果我们把scrolling的值改为auto,就会出现框架浮动滑动效果。

现在有关浮动框架的属性差不多就是这些,很多人在学习的时候,会看到其他框架属性,其实其他的属性我们没有必要去学习了,这些属性大多都是在css样式中控制,需要的时候,我们直接在css样式中修改就可以了。

以上就是对如何设置浮动框架是否显示滚动条scrolling的详解,如果想了解更多有关CSS3教程,请关注Gxlcms。

以上就是如何设置浮动框架是否显示滚动条scrolling?的详细内容,更多请关注Gxlcms其它相关文章!

人气教程排行