开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Overflow y scroll菜单上没有滚动条

Overflow y scroll是CSS属性，用于设置一个元素在内容溢出时垂直方向显示滚动条。当一个容器中的内容高度超过容器的高度时，可以使用该属性来控制内容的滚动。

分类：CSS属性。

优势：使用Overflow y scroll属性可以避免内容溢出容器，并且通过滚动条的出现，用户可以方便地滚动查看内容。

应用场景：Overflow y scroll可以在各种需要显示大量内容的场景中使用，例如网页中的长文本、评论列表、聊天记录等。

推荐的腾讯云相关产品：腾讯云Web+、云服务器CVM。

腾讯云产品介绍链接地址：

相关搜索:禁用Scroll on overflow-y: scroll div - Scroll Page overflow y scroll on position fixed div显示双滚动条 CSS overflow-y:visible,overflow-x:scroll Position: absolute with overflow-y: scroll Scroll未到达对象顶部使用Overflow-y: scroll时，滚动条在Chrome中不显示如何更改overflow y滚动条样式 Overflow-y with flex-end -为什么没有滚动条？Css overflow-y滚动条超出div 使用overflow-y: scroll在导航栏中显示div overflow-y Scroll在自定义模式上可见，但不起作用为什么在我的div上用overflow-x=scroll忽略滚动条？为什么scroll-y没有出现？为什么css "overflow: scroll“不能工作，滚动条也不显示？如何在中间启动scrollable (overflow-y: scroll) div，而不是在顶部滚动？在div overflow:auto上禁用垂直滚动条 CSS : Overflow-x:隐藏，Overflow-y:在带有下拉菜单的轮播中可见制作汉堡菜单y-overflow:当高度超过vh时滚动为什么我的滚动条不在屏幕上？如何修复它？Flexbox，overflow-y:滚动有没有替代webkit-overflow-scroll touch的平滑滚动的方法？在overflow-y隐藏父目录中引导多个下拉菜单

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

CSS深入理解学习笔记之overflow

1、Overflow基本属性　　overflow:visible(默认)/hidden/scroll/auto/inherit; 　　visible：超出部分可见。　　hidden：超出部分隐藏。　　scroll：超出可滚动。　　auto：若超出才出现滚动条。　　inherit：继承。（IE8+）　　注：overflow-x与overflow-y值不同，其中一个属性值被赋予visible，而另一个被赋值为hidden/scroll/auto，则visible会被重置为auto。兼容性：

05

修复一个因为 scrollbar 占据空间导致的 bug

这一个因为滚动条占据空间引起的bug, 查了一下资料，最后也解决了，顺便研究一下这个属性，做一下总结，分享给大家看看。

02

HTML- white-space 和 overflow 两个重要的 CSS 属性

CSS的作用是给 HTML 元素添加样式和布局，接下来利用CSS的 white-space 和 overflow 这两个属性让元素实现左右滑动，效果如下：

02

html div 隐藏滚动条样式,div滚动条样式隐藏与显示

DIV滚动条样式是可以设置的，CSS滚动条同样也可以显示与隐藏，对div设置滚动条，设置其横向滚动条和纵向滚动条样式应该怎么做呢？

06

css笔记 - 张鑫旭css课程笔记之 overflow 篇

如果overflow-x、overflow-y的值相同，则等同于overflow设置了这个值。

01

html滚动条使用，以及页面有多个div块，如何让body页面不使用滚动条，只在某个div内使用滚动条

2，页面有多个div块，如何让body页面不使用滚动条，只在某个div内使用滚动条

03

html中div滚动条设置,DIV滚动条属性及样式设置方式「建议收藏」

这里向大家描述一下DIV滚动条属性及样式设置，所谓DIV滚动条，就是利用DIV标签，在里面嵌入CSS样式表，加入overflow的属性值，这样，当div所规范的区域内的内容达到一定程序时，滚动条就派上用场。

02

overflow的一些小细节笔记

最近在项目中遇到一个问题，同事在IE浏览器下测试时出现底部大块空白的问题。如下图：

00

html 怎么去掉网页的滚动条

这个是y轴有滚动条，x轴没有。如果是都要滚动条就去掉overflow-x:hidden;，如果是反正哪个轴要滚动条就加上overflow-x/y:scroll;整个页面滚动条就加在body里面，div里面出现滚动条就加在div里面。

02

3种方法实现CSS隐藏滚动条并可以滚动内容

隐藏滚动条的同时还需要支持滚动，我们经常在前端开发中遇到这种情况，最容易想到的是加一个iscroll插件，但其实现在CSS也可以实现这个功能，我已经在很多地方使用了，下面一起看看这三种方法。

05

CSS vw让overflow:auto页面滚动条出现时不跳动

当前web届，绝大多数的页面间布局都是水平居中布局，主体定个宽度，然后margin: 0 auto的节奏~

02

css控制滚动条透明,CSS控制滚动条样式的解析

我们在之前的两篇文章中，我们给大家介绍了关于CSS设置div滚动条样式、以及CSS3自定义滚动条样式的实例，都知道当内容超出容器时，容器会出现滚动条，那我们如何使用CSS控制滚动条样式的呢？今天就给大家详细介绍！

02

如何使用 CSS 设置和自定义水平和垂直滚动条

滚动条是图形用户界面（UI）中必不可少的组件。滚动条允许用户查看超出其容器宽度或高度的内容。滚动条还使用户能够查看超出屏幕宽度或高度的内容。默认情况下，浏览器会为body内容的溢出包含一个滚动条。在其他情况下，UI开发人员必须设置滚动条以使用户能够查看超出屏幕或特定容器的内容。每个浏览器都有一组默认的滚动条样式。在某些情况下，您可能有充分的理由来定制滚动条。例如，您可以定制滚动条样式以匹配网站的外观和感觉。

00

SCrollTOP scrollHeight

jQuery 里和滚动条有关的概念很多，但是有三个属性和滚动条的拖动有关，就是：scrollTop、scrollLeft、scrollHeight。其中 scrollHeight 属性，互联网上几乎搜素不到关于它的应用技巧，而我正好需要用到它。

02

JQuery Div scrollTop ScrollHeight

jQuery 里和滚动条有关的概念很多，但是有三个属性和滚动条的拖动有关，就是：scrollTop、scrollLeft、scrollHeight。其中 scrollHeight 属性，互联网上几乎搜素不到关于它的应用技巧，而我正好需要用到它。

01

使用CSS隐藏元素滚动条

如何隐藏滚动条，同时仍然可以在任何元素上滚动？首先，如果需要隐藏滚动条并在内容溢出时显示滚动条，只需要设置overflow：auto样式即可。想要完全隐藏滚动条只需设置overflow：hidden即可，但是这样一来将导致元素内容不可滚动。时至今日，还没有任何一条CSS规则可以使元素可以隐藏滚动条的同时依然可以滚动内容，只能通过针对特定浏览器设置滚动条样式来实现。 Firefox浏览器对于Firefox，我们可以将滚动条宽度设置为none：

02

ectron仿制qq(3) 主界面制作(2)

这里解释下 -顶部header的高度(140) 底部的高度(40) 写法很多不过达到效果就行了在窗口拉伸的时候可以自适应高度

04

css怎么隐藏滚动条「建议收藏」

法一： ①使用伪类隐藏滚动条（仅限Chrome与Safari） ②scrollbar-width: none;（仅限firefox） ③-ms-overflow-style: none;（仅限IE 10+）

02

浏览器滚动条的自定义和隐藏

---- 我们在处理业务的时候，偶尔会因为某些非抵抗力因素，需要对浏览器的滚动条进行处理，以提升产品的体验。本文我们来谈谈关于浏览器滚动条的自定义和隐藏 😊 自定义滚动条首先，我们来认识滚动条的那些选择器。对于 webkit 内核的浏览器，滚动条有以下的选择器：名称用途 scrollbar 滚动条 - 占据指定的宽高 scrollbar-track 滚动条的轨道 scrollbar-corner 滚动条的底角，水平和垂直位置相遇的地方。 scrollbar-button 滚动条的上下按钮 mac 上俺

03

小程序商品规格属性界面布局，以及存在的坑

最近做一款商城小程序，其中有个弹层展示商品属性，商品界面存在滚动条，弹层显示后，划动屏幕，会使后面的滚动条滚动，在网上查找了一些方法，基本都是一些重复的解决方案，自己试了根本没用，总结一下有以下几种：

02

html中div加滚动条

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/158145.html原文链接：https://javaforall.cn

02

div:给div加滚动条　div的滚动条设置

03

前端基础-CSS内容溢出

取值：auto当内容溢出时，生成滚动条------默认，hidden内容溢出时超出部分隐藏

02

前端课程——显示与隐藏

参考：https://developer.mozilla.org/zh-CN/docs/Web/CSS/display

03

Div滚动条定位设置「建议收藏」

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/157990.html原文链接：https://javaforall.cn

04

css基本知识框架图

2.样式表基本类型-----1.内嵌样式 2.内联样式3.链入外部样式表4.导入外部样式

02

CSS overflow 内容溢出时的显示方式

以前不知道 overflow 的滚动条样式是可以修改的，最近做的一个官网项目中前端提供的静态模板自定义了滚动条样式，才得知还有这么个东西，在此记录一下自定义滚动条的写法，这样可以更好的理解用法，虽然下次使用还要来这里看

02

EasyDSS流媒体平台视频直播时分屏显示出现播放器抖动情况排查

EasyDSS平台支持视频直播和点播，视频直播方面最多可分为十六屏进行实时直播，视频点播方面则有视频点播广场自由点播。大家知道近期我们将EasyDSS替换了新的内核，因此在性能上，相较以前的版本性能会有一定幅度的提升，目前我们正在对新内核的EasyDSS做前端编译和测试。

05

移动端页面在IOS里滑动不顺畅解决办法

开发移动端的同学可能都知道，当在你用overflow-y:scorll属性的时候，内容超出容器溢出滚动的效果很迟顿，特别是在IOS系统里，通常情况下，我们为了追求好的用户体验，会使用屏幕滚动插件better-scroll了，这个插件是真心好用，但是有些情况下我们可能并不想那么麻烦，而且页面的体验要求也没有那么高，下面给大家介绍一个简单偷懒的办法．

01

CSS 中关于 Overflow ，你需要了解的这些知识点！

在CSS中，当一个元素的内容太大而无法容纳时，我们可以对其进行控制。该元素的属性是overflow，它是overflow-x和overflow-y属性的简写形式。

02

wxss学习系列《一》定位（position），布局(Layout)

定位（position） 2017的微信公开课pro如期进行了，小程序将于2017年1月9日对个人开放，公司项目的demo版做了个大概，过程中花的时间最多的还是页面布局，所以后面将花一段时间将css的属性在小程序里过一篇，虽然小程序里面对于css支持，但没有说明支持到什么地步。今天就先来说说定位。一.定位：position属性允许你对元素进行定位。二.定位机制：有三种：普通流，浮动流，绝对定位。三.定位属性值：static，relative，absolute，fixed，inherit，-ms-pag

第107期：前端搜索列表中某一项并滚动到可视区域

标题中描述的场景适用于表单内容项很多，比如几十或者上百条的时候，需要我们滚动表单内容才能找到我们要想要修改的表单项。

02

从 antDesign 来窥探移动端“滚动穿透”行为

上述是 MDN 中对于 overscroll-behavior 属性的描述，上述这段话恰恰描述了为什么会发生"滚动穿透"现象。

02

纯滚动怎么理解_scrollview不滚动

前面两篇博文分别介绍过偏移大小、客户区大小。本文介绍元素尺寸中内容最多的一部分——滚动scroll

02

css基础教程之布局属性

collapse：主要用来隐藏表格的行或列。隐藏的行或列能够被其他内容使用。对于表格外的其他对象，其作用等同于hidden。

02

css元素溢出 overflow

当子元素的尺寸超过父元素的尺寸时，需要设置父元素显示溢出的子元素的方式，设置的方法是通过overflow属性来设置。

02

你也许不知道的浏览器的一些"滚动"行为

最近挺忙的，这次抽空写写文陶冶下情操，浏览器滚动真的天天见日日见啦，比如你现在看的这篇文章，往下看就必须得滚动，这篇文章主要聊聊滚动相关的一些方法跟属性，还有一些有趣的例子? 文章涉及到的方法或属性在

02

CSS设置浏览器滚动条样式及隐藏滚动条

虽然大多数人不会关注到滚动条的样式，但是有一些网站还是对滚动条进行了优化，比如网易邮箱。我们可以用 CSS 来设置浏览器的滚动条样式，下面整理一下 CSS 滚动条的几个属性及代表的意思。

04

JS 中的offset、scroll、client总结

经常碰到offset、scroll、client这几个关键字，每次都要各种实验，这里总结一下。

03

有意思的水平横向溢出滚动

最近接到一个很有意思的需求，能否做到当内容横向溢出时，依然能够使用鼠标滚轮对内容进行滚动的方法。

01

弹窗查看内容时内容滚动区域设置为body区

看到渣浪的查看文章或者查看大图有个效果：弹窗查看内容时，如果内容过长有滚动条，则滚动条会被放到body区滚动

02

ios下滚动条默认显示

该文讲述了如何实现ios下滚动条默认显示，以及需要注意的样式和兼容性问题，并提供了一个demo示例。

06

clientWidth，offsetWidth，scrollWidth你分的清吗

最近在开发时遇到这样一个需求，一个表单列表报错后，滚动表单到能展示报错元素，做的时候发现clientWidth，offsetWidth，scrollWidth这几个概念自己有时候还是会弄混，所以想写篇文章记录一下。

01

Element scrollbar 使用封装

最近进行 Element UI 组件封装，在之前的项目中经常用到 el-scrollbar 这个内置组件，这次单独封装时遇到点写法上的小问题，做个记录和分享，希望能帮到相关的开发者。

01

css如何隐藏垂直滚动条但同时需保持滚动

在写前端页面时,对于超出的内容,我们希望隐藏,同时保持垂直的滚动,但是又不希望有丑陋的垂直滚动条,那该怎么去实现呢

01

对html与body的一些研究与理解

最近一直构思着写篇关于<html>标签的文章，虽说之前处理过<html>标签，也解决过不少棘手的问题，但是对其理解还不是很透彻，很多原理都是自己推测的。

03

css当中overflow用法

5.overflow 例 1.5 <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <style type="text/css"> div { background-color:#00FFFF; width:100px; height:100px; overflow: scroll } </style> </head> <body>

如果元素中的内容超出了给定的宽度和高度属性，overflow 属性可以确定是否显示滚动条等行为。

这个属性定义溢出元素内容区的内容会如何处理auto|visible|hidden|scroll。如果值为 scroll，即使元素框中可以放下所有内容也会出现滚动条。马克-to-win:auto最好。默认值是 visible，怎么都能看见。溢出也能看见。

</body> </html> 例 1.5_a <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <style type="text/css"> div { background-color:#00FFFF; width:700px; height:50px; overflow: auto } </style> </head> <body>

如果元素中的内容超出了给定的宽度和高度属性，overflow 属性可以确定是否显示滚动条等行为。

03

CSS尺寸和边框

1. px 像素(由一连串的点来组成，像素越高点越多)

02

scrollHeight的分析[通俗易懂]

< !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd” > < html xmlns =”http://www.w3.org/1999/xhtml” > < head > < meta http-equiv =”Content-Type” content =”text/html; charset=gbk” /> < title >scrollHeight </title> < style type =”text/css” > body{margin:0;} div{font-size:12px;line-height:12px;height:3em;width:5em;} </style> </head>

03

css实现横向滚动条(css纵向滚动条)

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/127724.html原文链接：https://javaforall.cn

03

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭