html5 scrolling,HTML5 : Iframe No scrolling?
问题
When it comes to HTML5, scrolling attribute is no longer supported - but I still need to remove the scroll bars - how to do that?
回答1:
In HTML5 there is no scrolling attribute because "its function is better handled by CSS" see http://www.w3.org/TR/html5-diff/ for other changes. Well and the CSS solution:
CSS solution:
HTML4's scrolling="no" is kind of an alias of the CSS's overflow: hidden, to do so it is important to set size attributes width/height:
iframe.noScrolling{
width: 250px; /*or any other size*/
height: 300px; /*or any other size*/
overflow: hidden;
}
Add this class to your iframe and you're done:
! IMPORTANT NOTE ! : overflow: hidden for is not fully supported by all modern browsers yet(even chrome doesn't support it yet) so for now (2013) it's still better to use Transitional version and use scrolling="no" and overflow:hidden at the same time :)
来源:https://stackoverflow.com/questions/18470015/html5-iframe-no-scrolling
html5 scrolling,HTML5 : Iframe No scrolling?相关推荐
- 兄弟连html5在线画板,IT兄弟连 HTML5教程 HTML5做到了与之前版本的兼容
原标题:IT兄弟连 HTML5教程 HTML5做到了与之前版本的兼容 为了保证HTML5能与之前的HTML版本达到最大的兼容,HTML5对一些元素标记的省略.boolean值的属性,以及引号的省略这几 ...
- 对html5的了解,HTML5——对HTML5的认识
首先非常感谢李刚老师出的这本书<HTML5/CSS3/JavaScript讲义>,今天读了第一章节的内容,趁热打铁,总结一下. HTML5的时代已经到来,它对所有的前端开发人员来说是一种福 ...
- html5发展前景-兄弟连,IT兄弟连 HTML5教程 HTML5的曲折发展过程 HTML5的诞生
原标题:IT兄弟连 HTML5教程 HTML5的曲折发展过程 HTML5的诞生 十年磨一剑,正如我们所看到的一样,HTML5大潮正来势汹汹.但也正如我们所知道的一样,HTML5是一种技术标准,它的语义 ...
- 下列关于html5表单的多样输入方式,IT兄弟连 HTML5教程 HTML5表单 多样的输入类型1...
原标题:IT兄弟连 HTML5教程 HTML5表单 多样的输入类型1 HTML5拥有多个新的表单输入类型,这些新特性提供了更好的输入控制和验证.并不是所有的主浏览器都支持新的input类型,不过我们可 ...
- 这不仅仅是html5的HTML5问题
这不仅仅是html5的HTML5问题,它还关系到了我们应该如何工作这类原则性的问题,css working group更青睐于使用www-风格的输入.因为目标人群是web开发者,所以lea并不担心向后 ...
- css html5简介,HTML5 简介......
HTML5 示例 实例 Your browser does not support the video tag. 什么是 HTML5? HTML5 简介 HTML5 是最新的 HTML 标准. HTM ...
- html5代码好学吗,0基础能学习Html5吗?Html5好学吗?
原标题:0基础能学习Html5吗?Html5好学吗? 0基础可以学习Html5吗?这两年一直是被挂在嘴边的话题,随着人们对用户体验的要求越来越高,前端开发技术难度越来越大,所以对于IT从业者来讲,前端 ...
- 免费html5代码,HTML5(示例代码)
一.什么是HTML5 1.1 HTML5 简介 万维网的核心语言.标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改,作为新HTML语言,具有新的元素.属性和行为 XHTML可扩展 ...
- 200套工作室设计行业响应式Html5模板HTML5+CSS3设计网站模板简洁设计师作品展示响应式模板整洁扁平宽屏CSS3网站模板html5网页静态模板Bootstrap扁平化网站源码css3手机se
200套工作室设计行业响应式Html5模板HTML5+CSS3设计网站模板简洁设计师作品展示响应式模板整洁扁平宽屏CSS3网站模板html5网页静态模板Bootstrap扁平化网站源码css3手机se ...
- 一个html基本写法,HTML5教程:HTML5的基础写法
HTML5教程:HTML5的基础写法 对比一下XHTML 1.0 Transitional的规范,html5基本上没有XHTML 1.0 Transitional严格的要求,并且简化了很多东西. •文 ...
最新文章
- Redhat 7 yum源换成centos的YUM 源
- js日期初始化总结:new Date()参数设置
- 制约RFID在包装领域的规模应用的障碍盘点
- show processlist解析
- YUM更换源--yum找不到安装包(转)
- 跳槽时,不敢要高工资也会对候选人不利
- 利用动态规划(DP)解决 Coin Change 问题
- 颜宁谈院士增选:导师施一公让我特别受益的是:纯粹,做事情的纯粹
- 桶排序Bucket sort(转)
- HTML5本地存储——IndexedDB
- vue中的阿里巴巴矢量图标使用
- 内网IP和外网IP的区别以及作用
- 图像处理-图像边缘处理
- 青村茶舍||“城乡居民基本养老保险”社会治理创新活动
- 网络类型之BMA与NBMA的区别
- 【SpringBoot项目中使用Mybatis批量插入百万条数据】
- Burp Suite使用介绍(一)
- DIY自平衡车意外失去左腿后,小哥爆改假肢玩出了花,稚晖君:技术到内心都硬核...
- TCP协议调试工具TcpEngine V1.3.0使用教程
- MATLAB 实现 歌曲《两只老虎》 播放