scrollbar相关内容

如何启用垂直滚动的滚动条和禁用水平滚动的滚动条?

我一直在进行水平和垂直滚动的布局.垂直可滚动的 Column 用于主要内容,并由不同的视图填充,其中包括水平的 ListView (显示促销横幅).我想显示滚动条用于垂直滚动,但不显示水平滚动.我已经包装了 SingleChildScrollView ,这使 Column 在 ScrollBar 中可滚动,但是该条在水平滚动条上同时出现在垂直方向上.这些事情有什么微调吗? 示例以证明问题 ..
发布时间:2021-04-28 19:13:50 其他开发

CSS网格-底部的空白以及如何将其删除

我正试图掌握CSS网格,这是从以前使用我惯用的Bootstrap过渡过来的. 我创建了一个简单的布局(4行和6列),但是底部没有多余的空格,导致滚动可见. 是否有一种方法可以解决此问题,而无需为.container元素设置确切的高度?当我将高度设置为.container(高度:500像素)时,问题就消失了.这是解决方法吗?我不想使用快速修复程序,可能会在较小或较大的视口上给我带来麻烦. ..
发布时间:2021-04-27 19:11:32 前端开发

如何使滚动条覆盖内容

如何获取滚动条以覆盖div内容? 已经尝试使用具有透明背景的 track ,但是不起作用 ::-webkit-scrollbar-track {背景:透明} 保持不变,占据内容的一部分 ..
发布时间:2021-04-26 20:04:58 前端开发

如何更改滚动条拇指的高度?

是否可以将滚动条的高度更改为固定高度并更改相应滚动内容的数量?这是我当前的CSS代码. ::-webkit-scrollbar {宽度:30px;}/* 追踪 */::-webkit-scrollbar-track {box-shadow:嵌入0 0 5px#003B7C;border-radius:10px;背景:白色;左边框:8像素实心rgba(255,255,255,0);右边框:8px ..
发布时间:2021-04-26 19:30:57 前端开发

隐藏滚动条轨迹,但显示滚动条缩略图

晚上好!我只是想这样改变我的滚动. 因此,该曲目似乎已隐藏.我有这样的风格 ::-webkit-scrollbar {宽度:15像素;高度:40px;}::-webkit-scrollbar-thumb {background-color:#DBDBDB;边框:4px纯透明;border-radius:11px;background-clip:内容框;}::-webkit-scrollb ..
发布时间:2021-04-26 18:59:35 前端开发

Xamarin.Forms:如何自动隐藏第一个CollectionView

我正在使用 Xamarin.Forms应用,该应用将包含一个包含2个 CollectionView 项的页面: 将显示事件的水平 CollectionView 将显示帖子的垂直 CollectionView 我希望用户一开始在第二个列表上滚动,就逐渐隐藏第一个列表. 我们可以在 =>有没有办法做到这一点? 解决方案 快速提醒您不要在其他Scrollable Ele ..
发布时间:2021-04-23 18:48:30 其他开发

居中div中垂直滚动条覆盖的内容的右边缘

我想创建一个带有标题和下面一个或多个卡片的居中弹出窗口.每张卡都包含一张小桌子.如果显示的卡数过多,则会出现垂直滚动条.但是有问题:垂直滚动条覆盖了卡片的右边缘. 行为取决于浏览器: Chrome :该问题在刷新页面时出现,但在调整页面大小时消失. Firefox :问题很严重,因为它在页面调整大小时不会消失.还有一个水平滚动条. 重现此问题的HTML + CSS代码: ..
发布时间:2021-04-21 20:04:05 前端开发

Angular 2.0 CLI项目中div元素上的自定义滚动条?

我想在我的一个div中制作一个漂亮的水平滚动条.在这里像这样: 此处:-但未按预期工作-我想这与最终的2.0最终发行版有关,后者破坏了代码 npm install ng2-slimscroll-保存 在我的 app.module.ts 中,我有: 从'ng2-slimscroll'导入{SlimScroll};@NgModule({声明:[AppComponent,SlimScroll/ ..
发布时间:2021-04-06 19:26:26 前端开发

ngx完美的滚动条更新功能未定义?

这是我第一次尝试使用完美滚动,因此我可能会错过一些东西,但是查看文档,它显示了一些可以使用伪指令访问的功能,如下所示 https://www.npmjs.com/package/ngx-perfect-scrollbar 如果有人可以阐明这个问题并为我指出正确的方向,以防万一我错过任何事情,我将非常感谢.谢谢 解决方案 通过使用 https修复了该问题://npm.taobao ..
发布时间:2021-04-06 19:08:06 前端开发

如何在react-virtualized(CodeSandBox)中向表添加水平滚动条

在此表中,我想添加一些具有宽度的列.如果列的宽度大于页面的宽度,则不会显示水平滚动条. 如何从沙盒中重新制作示例并添加水平滚动条?可以通过Table组件执行此操作吗? https://codesandbox.io/s/k9km4qjkk5 反应: import React from "react"; import ReactDOM from "react-dom"; imp ..
发布时间:2020-11-24 21:42:48 其他开发

隐藏表格滚动条

经过一些研究,我发现我必须设置表的主体 display:block; 溢出:自动; 可以在html表上滚动。 是否可以在每个现代浏览器(Chrome,Safari,Firefox)上隐藏通用滚动条?我尝试了一些解决方案,例如此,但不适用于表。 解决方案 使用 overflow:隐藏; 将内容隐藏在容器外部,或 overflow:可见; 来显示它,即使它 ..
发布时间:2020-10-12 19:50:08 前端开发