360和chrome极速模式下，div的滚动条丢失

最新推荐文章于 2019-11-01 11:30:50 发布
最新推荐文章于 2019-11-01 11:30:50 发布
阅读量1k 收藏
点赞数
分类专栏： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ryzewang/article/details/80959998
版权
div设置了宽度和高度，overflow设置的auto，里层内容确定是超出div宽度了的，但是滚动条就是不显示，在ie和360，chrome的兼容模式下都是OK的，极速模式就没有了，求解如何处理
ryzewang
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS样式设置div滚动条示例代码
12-13
需要注意的是，这些滚动条样式仅在某些浏览器（如Firefox和Webkit内核的浏览器，如Chrome、Safari）支持，对于不支持的浏览器，可能需要使用浏览器特定的前缀，例如`-webkit-`，以实现跨浏览器兼容性。 在实际应用...
div的滚动条如何实现
12-13
另外，CSS 还提供了 `::-webkit-scrollbar` 和 `::-webkit-scrollbar-thumb` 等伪元素，可以用来自定义滚动条的样式，比如颜色、大小和形状，但这通常只适用于基于 WebKit 内核的浏览器，如 Chrome 和 Safari。...
CSS＋DIV 设计的页面，在除了chrome、360浏览器外， 没有滚动条 不能下拉
bug_yang的专栏
05-09 3883
Tip: 今天坑爹了，二笔...hehe！ 一个页面写了这样的css： html,body{margin:0;padding:0;overflow: hidden; } ie 、firefox 、qq等浏览器 没有滚动条 不能下拉。吓尿了有木有？ 但在chrome、360浏览器都OK! 最后把overflow: hidden; 删除后，页面也没有影响，问题解决了！
浏览器出现滚动条和消失页面不滚动解决方案
热门推荐
青色橙子
04-13 1万+
将下面这段代码复制至页面开头即可<style> html { overflow-y: scroll; } :root { overflow-y: auto; overflow-x: hidden; } :root body { position: absolute; } body { width: 100vw; overflow: hidden; }</style&gt...
解决jsp界面没有滚动条的问题
weixin_42226094的博客
11-01 2829
在用layUI的后台框架改写界面时发现，静态table的大小不是固定的，即height属性是变化的，这样导致没有滚动条，只能靠缩放来显示全部信息。 后来在网上发现解决办法可以设置如下格式。用将表格嵌套在里面 .h{ overflow-y: scroll; padding-right:10px; height: 600px; } 还有要注意的是height: 600px; height是值需要加单...
div滚动条优化
11-01
"div滚动条优化"这个主题主要关注如何在不牺牲滚动功能的前提下，通过CSS样式和JavaScript技术来美化或定制滚动条，使其更加符合现代网页的审美标准和用户体验需求。 首先，我们要了解默认滚动条的样式通常是浏览器...
js固定DIV高度,超出部分自动添加滚动条的简单方法
10-27
在JavaScript中，可以利用`::webkit-scrollbar`伪元素来定制滚动条的外观，但这部分样式只在支持Webkit内核的浏览器（如Chrome和Safari）中生效。对于其他浏览器，可能需要借助额外的库或CSS方法来实现兼容性。
JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome
10-20
在本文中，我们将探讨如何使用原生JavaScript来实现自定义浏览器滚动条，使其兼容IE、火狐和Chrome等主流浏览器。通常，CSS可以用来改变Chrome浏览器的滚动条样式，但对IE和火狐的支持有限。因此，为了实现跨浏览器...
如何让浏览器的滚动条消失但是还能滚动
lzh657083979的博客
10-15 3612
第一种方式：在css样式中添加这个，意思是让浏览器的所有滚动条消失在webkit内核的浏览器里可以定义滚动条样式。 在CSS初始处定义 ::-webkit-scrollbar{ display:none; }第二种方法：在其他浏览器里可以设置父容器宽度为100%，子容器宽度为100%+18px 这样滚动条处于视窗可视范围外，算是个投机取巧的办法。转自知乎大神@王潇
用JS有效解决移动w用JS有效解决移动web浏览器中HTML元素的overflow:sceb浏览器中HTML元素的overflow:scroll滚动属性失效问题...
sfkong31893189的博客
01-15 1177
web移动平台前端UI开发工作，兼容问题超多，今儿又遇到一个。产品方要求在某固定尺寸容器内显示内容，但内容条数未知；如果条数过多，容器显示滚动条。这鸟需求按说是So easy，容器设死宽、高，CSS加属性overflow:scroll;完事！可拿设备去测的时候有趣了，Pc all browser正常，ios正常 ，android失效。泥马在android下效果与 overflow:hidden...
标准ie8下，出现滚动条，但是没有滚动块的解决方法
业精于勤荒于嬉;行成于思，毁于随。
12-06 1725
http://blog.csdn.net/qadada/article/details/19938755 加上overflow-y：auto属性试下
设置滚动条样式的代码为什么不起作用？
faunjoe的专栏
07-23 2479
Dreamweaver里有一个设置:把不安全的带码安全的过滤掉,所以,从2004开始就会有每个页面的第一个代码""就是起过滤作用的,你把那句代码删掉就可以运行啦!
在360极速模式中怎么使用chrome浏览器内核
最新发布
06-07
360 浏览器有两种渲染模式：IE 兼容模式和极速模式。IE 兼容模式使用的是 IE 浏览器内核，而极速模式使用的是 WebKit 内核，与 Chrome 浏览器内核是一致的。因此，如果您想在 360 浏览器中使用 Chrome 浏览器内核，可以按照以下步骤进行操作： 1. 打开 360 浏览器，在地址栏中输入“about:config”，进入高级设置页面。 2. 在高级设置页面中，找到“渲染模式”选项，将其设置为“Webkit 内核”。 3. 重新启动浏览器，即可在 360 浏览器中使用 Chrome 浏览器内核。 需要注意的是，使用 Chrome 浏览器内核可能会占用更多的系统资源，因此在使用时需要注意浏览器的性能和稳定性。同时，不同版本的 360 浏览器可能设置位置略有不同，您可以根据自己的浏览器版本进行调整。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值