最近做项目时PD提出交互就是弹出层弹出的时候把页面的滚动条去掉,起初想着很简单在body上加overflow="hidden"就可以了,实际上是不行的,后来查了一些文档这个还有html元素相关:
只有你设置html{overflow:visible;} body{overflow的值}才能传递到html{}中去,
设置了body{overflow:hidden},还会出现滚动条,不过这个滚动条不是body的,是html的
这样html的值就变成了{overflow:hidden},ok没有滚动条了
这样就很明了啦,并不是bug,而是浏览器初始值不同产生的问题。
分享到:
相关推荐
js 特效 html 特效 去掉页面的滚动条 js 特效 html 特效 去掉页面的滚动条
主要介绍了页面出现滚动条的时候如何让滚动条不影响页面宽度,需要的朋友可以参考下
去掉页面的滚动条.rar去掉页面的滚动条.rar去掉页面的滚动条.rar去掉页面的滚动条.rar去掉页面的滚动条.rar去掉页面的滚动条.rar
iframe嵌入页面后,我们有时需要调整滚动条,例如,去掉全部的滚动条,去掉右边的滚动条且保留底下的滚动条,去掉底下的滚动条且保留右边的滚动条。那么我们应该怎么做呢? 一:去掉全部的滚动条 第一个方法: ...
vue自定义浏览器滚动条(已兼容ie)
在web browser 控件中 实现事件 documentcomplete 当文档下载完毕时再显示出来,在此事件代码中去掉滚动条。在特定的场合,比如,我要在桌面软件中显示一个广告图片又不想滚动条的出现影响界面美观等 有兴趣可以...
博文链接:https://sctom123.iteye.com/blog/214373
在原来的html的时候,我们可以这样定义整个页面的滚动条: 复制代码代码如下: body{ scrollbar-3dlight-color:#D4D0C8; /*- 最外左 -*/ scrollbar-highlight-color:#fff; /*- 左二 -*/ scrollbar-face-color:#E4E4...
本文实例讲述了JS实现的页面自定义滚动条效果。分享给大家供大家参考,具体如下: 这里演示网页上用的滚动条效果,是一个自定义的滚动条代码,除了上下两个箭头以外,滚动条和一般的浏览器基本差不多,鼠标滚轮滚动...
打开tab页面时,自动载入一个iframe页面,除了iframe页面本身会出现一个滚动条,tab标签页也出现一个滚动条,如下图所示,需求就是去掉tab页面的滚动条 解决方法 通过观察html页面结构,发现这个滚动条归属class为...
一、去除滚动条方法 给body添加overflow:hidden属性即可,IE6、7下不会生效,需要给html增加overflow:hidden属性 样式中需要对IE6、7及其它浏览器用hack辨别,这是因为当页面拉到下面时如果html或body被overflow:...
1. html 标签加属性 XML/HTML Code复制内容到剪贴板 <html lang="en" class="no-ie" style=..."> 2.body中加入以下代码 ... <style type="text/css">...html页面去除滚动条的方法 为了防止以前的css文
在书写网页的时候,往往会为了页面的美观,而选择去掉滚动区域默认的滚动条,而在这里,就是为小程序去掉滚动条的其中的一种方法: scroll-view.wxml: scroll-view.wxss scroll-view.js 最终显示效果如下; ...
在书写网页的时候,往往会为了页面的美观,而选择去掉滚动区域默认的滚动条,而在这里,就是为小程序去掉滚动条的其中的一种方法: scroll-view.wxml: (此图片来源于网络,如有侵权,请联系删除! ) scroll-view.wxss...
故事背景:最近的一次开发中,使用到了overflow:scroll属性来滑信心满满的以为不会出现任何问题,看来还是太清高自傲了,于是写下这篇随笔特此总结一番。机
CSS 平时工作整理 js发生冲突时的用法 怎样去掉页面滚动条代码
37405 用例列表页去掉底部滚动条 37406 二级导航缺失菜单分隔线 37407 左侧导航多显示了一条分隔线 37408 项目和执行测试中三级导航切换产品分支有问题 37409 文档from参数全部删掉,检查逻辑 37517 二级导航第一个...
37405 用例列表页去掉底部滚动条 37406 二级导航缺失菜单分隔线 37407 左侧导航多显示了一条分隔线 37408 项目和执行测试中三级导航切换产品分支有问题 37409 文档from参数全部删掉,检查逻辑 37517 二级导航第一个...
17.8 窗体滚动条随文字增加自动滚动 17.9 为textarea加横向滚动条 17.10 记录滚动条位置 17.11 彩色滚动条 17.12 Windows XP的滚动条 第18章 在线考题案例 18.1 在线考试代码 18.2 在线考试代码(二) 18.3 在线测试...
17.8 窗体滚动条随文字增加自动滚动 17.9 为textarea加横向滚动条 17.10 记录滚动条位置 17.11 彩色滚动条 17.12 Windows XP的滚动条 第18章 在线考题案例 18.1 在线考试代码 18.2 在线考试代码(二) 18.3 在线测试...