如何隐藏滚动上的滚动指示器？
隐藏滚动条指示器可以通过CSS样式来实现。以下是一种常见的方法：
- 使用CSS的overflow属性来隐藏滚动条。将overflow属性设置为hidden可以隐藏滚动条，但这样会导致内容溢出时无法滚动。
body {
overflow: hidden;
}- 使用CSS的::-webkit-scrollbar伪元素来隐藏滚动条。这种方法可以隐藏滚动条，同时保留滚动功能。
/* 隐藏滚动条 */
body::-webkit-scrollbar {
width: 0.5em;
}
/* 滚动条轨道 */
body::-webkit-scrollbar-track {
background-color: #f1f1f1;
}
/* 滚动条滑块 */
body::-webkit-scrollbar-thumb {
background-color: #888;
}
/* 鼠标悬停在滚动条上时的样式 */
body::-webkit-scrollbar-thumb:hover {
background-color: #555;
}- 使用CSS的scrollbar-width属性来隐藏滚动条。这是一种新的CSS属性，目前只有部分浏览器支持。
/* 隐藏滚动条 */
body {
scrollbar-width: thin;
}
/* 滚动条轨道 */
body::-webkit-scrollbar-track {
background-color: #f1f1f1;
}
/* 滚动条滑块 */
body::-webkit-scrollbar-thumb {
background-color: #888;
}
/* 鼠标悬停在滚动条上时的样式 */
body::-webkit-scrollbar-thumb:hover {
background-color: #555;
}请注意，以上方法中的样式可以根据实际需求进行调整。此外，这些方法只适用于Web页面的滚动条隐藏，对于其他应用场景可能需要使用不同的方法。
相关·内容
1回答
亲爱的互联网上的人们，我有这个css和html代码添加滚动指示器到我的登陆页面。我的目标是:只要你向下滚动，指示器就会消失，只有在重新加载页面后才会再次出现。我的jquery似乎不工作，任何帮助非常感谢！
浏览 21提问于2020-09-27得票数 0
我如何实现像标签一样的播放商店(隐藏在滚动上，适当的页边距，薄的指示器)？我尝试过SlidingTabs和其他一些库，但它们都过时了。在ToolBar中，在Material Design中使用制表符的正确方式是什么？如何使制表符隐藏在卷轴上？截图：
浏览 0提问于2014-10-26得票数 19
回答已采纳
1回答
在Chrome中有一个奇怪的问题，我的站点引导导航菜单中的navbar品牌元素。
我们有一个更大的网站标志显示在标题部分，和一个较小的标志在导航栏品牌元素显示默认无。在向下滚动页面时，我们将导航条粘贴到浏览器的顶部，并显示() navbar品牌元素。当滚动回滚时，小徽标应该隐藏()，因为大徽标随后是可见的。滚动上的显示和滚动上的
浏览 1提问于2015-06-02得票数 1
回答已采纳
3回答
我有一个水平的iScroll实例，它有一个交互式滚动条。false, click: true, });
我希望它的滚动条在iScroll使指示器隐藏时隐藏(display: none)我注意到，当它检测到由于缺少可滚动的幻灯片/元素而不需要滚动时，它会更改指
浏览 8提问于2014-07-03得票数 3
我在UIView中有一个水平滚动方向的CollectionView。我想隐藏滚动指示器，并在其位置画一条线。我正在尝试检索滚动指示器的y坐标，这样我就可以使用它来定位滚动指示器顶部的线。如何在我的视图中获取滚动指示器的y坐标？
浏览 0提问于2015-11-15得票数 1
1回答
这是我的PDFView配置。我想用水平滚动显示PDF查看器，显示单页。 但PDFView显示滚动指示器，显示不正确。我想隐藏滚动指示器。我的问题是如何隐藏它，或者如何使它的滚动位置正确？ ?
浏览 55提问于2021-04-20得票数 2
回答已采纳
它不会在以下情况下隐藏滚动指示器：2)然后击打桌子的顶部或底部。
如何确保滚动指示器按预期正确隐藏？编辑:这个问题似乎是由于将视图控制器设置为false而导致的。似乎需要设置以下
浏览 1提问于2012-10-29得票数 3
1回答
我不想在我的ios phonegap应用程序中显示滚动指示器，但不知道如何隐藏它。有没有css，javascript或者原生编辑的方式？如何在ios phonegap应用程序中不显示滚动指示器？
浏览 2提问于2013-06-07得票数 2
2回答
首先，这不是一个关于history的问题，它存储所有输入的命令。现在我的问题是:我如何搜索回滚？
在我的例子中，我想检查之前是否发生了最近的错误消息。是的，我可以回<
浏览 0提问于2014-09-03得票数 6
2回答
我和也有类似的问题使用[scrollView flashScrollIndicators]并不是很有用，因为它只是闪烁指示器，而且速度太快，用户肯定看不到它。
浏览 0提问于2011-05-22得票数 2
回答已采纳
1回答
因此，我在我的网站中实现了一个非常基本的“在向下滚动时隐藏标题，在向上滚动时显示”标题组件(通过这个和页面底部的jsfiddle示例)，但我遇到了一个问题，即“滚动导航/标题”掩盖了我网站上已经有的静态标题-
所以我的问题是-当这个“隐藏/显示在滚动上”的标题覆盖了我页面顶部的静态标题所占据的区域时，我该如何隐藏</e
浏览 0提问于2015-08-03得票数 0
我是MacOS的新手，我想在滚动时在NSTableview中显示滚动指示器，在不滚动时隐藏。我正在考虑获取NSScroller的委托，这样我就可以检测它何时滚动，然后隐藏/显示它。请帮帮忙
浏览 1提问于2019-02-22得票数 2
回答已采纳
2回答
我查看了UIScrollView的苹果文档，发现UIScrollView指示条的常量是“默认”、“黑色”和“白色”。我在考虑使用scrollView而不在视图一侧显示指示器栏。我有一个非常具体的案例，酒吧让它看起来很尴尬，实际上似乎因为它而分散了注意力。
如果我有一个黑色的背景，并使用一个黑色的条，我认为这将很好地隐藏它。有没有办法把它关掉或移出屏幕？有没有人在没有苹果拒绝的情况下这么做了？或者这在某种程度上违反了HIG？
浏览 0提问于2010-08-08得票数 0
回答已采纳
1回答
如何在ionic 3中删除/隐藏滚动条指示器(滚动时显示的垂直条).scroll-content {
overflow-y: auto !
浏览 12提问于2017-08-29得票数 0
回答已采纳
我正在构建一个React Native应用程序，它有一个屏幕，其中包含用户可以看到的几个项目的列表。我使用ScrollView组件包装了元素，它工作得很好，如下所示：但是，我希望垂直滚动条始终可见，只是为了让用户知道他可以看到比最初显示的项目更多的项目。我已经阅读了文档，但似乎没有实现它的选项。
有没有人知道有没有办法实现这一点，或者是否有办法让用户直观地看到列表上有一个滚动条？
浏览 1提问于2018-10-22得票数 1
我有一个带有文本的UITextView，需要滚动才能看到完整的文本。虽然我可以插入一些空行，这样文本块就会被分解，用户可以看到文本在继续，但问题是应用程序将被翻译成多种语言，因此这个解决方案不再可行。由于所有语言都必须单独测试，
浏览 0提问于2012-08-22得票数 13
回答已采纳
您好，我正在开发的应用程序为iOS和安卓使用原生脚本-角度。我已经使用RadListView插件创建了水平ListView。一切正常，但滚动指示器不会隐藏在iOS中。在Android中，滚动指示器是隐藏的。如何在iOS中修复此问题？我的Html文件： <RadListView row="0" selectionBehavior="Press" (itemSelected
浏览 12提问于2019-02-06得票数 1
回答已采纳
我只想在需要时显示UIScrollView的滚动条，即当内容超出可见大小时，需要滚动查看所有内容。self.myScrollView.showsVerticalScrollIndicator = true然而，contentSize.height和contentSize.height总是以零的形式打印出来有更好的主意吗？谢谢！！
浏览 8提问于2022-07-02得票数 1
回答已采纳
1回答
我有在滚动视图中有数组视图的代码。在每个视图中，我创建了图像视图和按钮。现在我想设置一个事件按钮，即当点击按钮时，活动指示器将出现在视图上并开始动画，当完成下一个视图或图像的上传时，则停止并隐藏活动指示器。我应该在代码中做些什么才能让它工作呢？如何做到这一点？简而言之，我想在点击按钮时在视图上显示活动指示器，并在整齐视图出现时隐藏。
浏览 0提问于2011-07-27得票数 0
回答已采纳
如果我在列表视图中滚动，我想隐藏Actionbar。这看起来应该像Android Lollipop上的新Play Store应用程序。如果我使用getActionBar().hide()，Actionbar会隐藏一个动画，但是我想要向上滚动Actiobar。我发现ActionBar可以自动隐藏在API 21中：protected void onCreate(Bundle savedInstanceState) {m_lvTest.set
浏览 12提问于2014-10-28得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
