PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

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

云罗郡主
云罗郡主 原创
2018-11-07 14:38:48 4686浏览

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

一:什么是scrolling 属性

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

scrolling语法:

一般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>php中文网</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教程,请关注php中文网。

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。