我想要自定义的滚动条。我希望自定义滚动条，并且希望分别启用和禁用垂直滚动条和水平滚动条。
这是MyScrollPanel：
public class MyScrollPanel extends Composite implements HasWidgets {
public interface ScrollPanelResources extends CustomScrollPanel.Resources
{
@Override
@Source( { "test/web/client/widgets/ScrollPanel.css
浏览 2提问于2014-02-05得票数 0
4回答
我在一个角6项目中使用simplebar库()，当我在html标记中添加简单条时，它显示了一个水平滚动条和一个垂直滚动条，所以我只想显示垂直滚动条。
我尝试用这个CSS属性隐藏水平滚动条：
overflow-x: hidden
也有了这些属性：
width:100%" and "position:abolute" or "position:relative"
<div data-simplebar style="overflow-x: hidden">
<div *ngFor="let example
浏览 1提问于2019-06-19得票数 5
回答已采纳
table > tbody {
height: 600px;
display: block;
overflow: auto;
}
table > tbody > tr {
width:100%;
height: 1440px;
display:table;
table-layout:fixed;
}
这个css使一个可滚动的“表”或可滚动的“tr”。它起作用了。但我的问题是，我有一个'div‘里面'td's在'tr’。当我将“div”的高度设置为100%或任何高度时，使整个“div”不在
浏览 3提问于2016-07-05得票数 0
1回答
使用css隐藏页面中的主滚动条
、、、、
我只想删除顶部的滚动条，同时在页面中保留一些。
我找到了这个，但它移除了所有的滚动条。
::-webkit-scrollbar
{
display:none;
}
在主体的css上使用overflow: hidden;似乎可以做我想做的事情，但是我无法向下滚动页面。
总之，我只想隐藏主页面滚动条，而保留其余的和能够滚动？
浏览 1提问于2018-06-05得票数 0
回答已采纳
在一个页面上，我有一个webkit滚动条，它已经使用display: none css属性隐藏起来了。
#element::-webkit-scrollbar {
display: none;
}
在我的应用程序级css文件中，我试图覆盖上述css规则，但无法显示滚动条。
我试图更改css，但无法得到确切的滚动条，如果显示:无一个属性不存在的话，滚动条就会出现。
#element::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
display: block;
}
#element::-w
浏览 0提问于2014-09-05得票数 5
我想在internet explorer中将css应用于滚动条：
我使用了下面的css来显示一个特定的滚动条
.ui-menu {
scrollbar-track-color: #C0C0C0;
scrollbar-base-color: #797979;
}
即使我想删除滚动条arrows....which，我也不能..
我使用下面的css为google chrome和safari做这件事。
::-webkit-scrollbar {
height: 12px;
width: 18px;
background: #C0C0C0;
}
::-we
浏览 1提问于2013-03-22得票数 1
我有一张桌子，其中包括：
第一列是固定的
脚踏
脚踏水平滚动条
有隐藏的tbody水平滚动条。
小提琴：
$(function() {
$('#example').DataTable({
"fnInitComplete": function () {
// Disable scrolling in Head
$('.dataTables_scroll
浏览 7提问于2017-03-15得票数 5
回答已采纳
1回答
我尝试使用两个不同的角度插件，它们都使用指令来创建滚动条。我的问题是，我想要更改的滚动条在垂直导航条上，而导航条处于固定位置。
所以，当我将指令放在导航条中时，它很好地构建了新的滚动条，无论旧的默认滚动条如何仍然存在，这是因为导航条有一个最大的高度和一个y-overflow = auto，如果我将它更改为y-overflow = hidden，那么新的滚动条就不会一直延伸到导航条的底部。
我知道有一个css解决方案，但是它在大多数浏览器中不兼容，所以我需要用javascript来实现。
所以我的问题是，谁能帮我改变固定元素上的滚动条，而不需要默认的滚动条，并允许新的滚动条一直延伸到导航条的底部
浏览 3提问于2015-05-19得票数 1
回答已采纳
5回答
删除或隐藏水平滚动条
、、、、
我有css文件，它声明加载图标如下
#loading {
display: block;
width: 100%;
height: 100%;
position: absolute;
background-image: url('loading.gif');
background-position: center;
}
在页面加载之前，加载图标会一直出现，但当加载图标显示时，我会看到水平滚动条，在页面加载之后，滚动条会消失。显示加载图标时，是否可以隐藏或移除水平滚动条？
浏览 46提问于2017-06-23得票数 0
我已经尝试过了： html, body {
margin: 0px;
padding: 0px;
width: 100%;
} 在页面的右侧有一个小的白色列，因此有一个水平滚动条。我想要查看页面中的所有内容，这样我就不需要水平滚动条，也不需要页面上额外的白色小列。如何使用css删除wordpress中水平滚动条，或者应该如何删除水平滚动条和额外的小白列？
浏览 16提问于2020-08-24得票数 2
3回答
我有一张在div中的表。表的长度可以变化，我使用div来强制设置高度。
<div id='CamListDiv'>
<table>
<thead>
<th><input type='checkbox' id='selectAll'/></th>
<th>Local Camera List</th>
</thead>
<tbody>
<tr><
浏览 0提问于2012-03-30得票数 11
回答已采纳
1回答
HTML中有滚动条元素吗？
如果没有，如何创建滚动条？我尝试使用带有div的overflow，但问题是必须添加内容才能显示滚动条，如果添加内容，它将是可见的。
CSS：
.h-scrollbar {
overflow-x: scroll;
width: 300px;
}
.h-scrollbar div {
width: 1000px;
display:block;
}
HTML：
<div class="h-scrollbar"><div>text</div></div>
下面是一个演示：
如何
浏览 4提问于2015-01-22得票数 1
2回答
我正在使用固定高度和垂直滚动条的iframe。仅当加载的页面高度大于iframe高度时，才会显示iframe滚动条。我的需求是隐藏浏览器滚动条，只显示iframe滚动条。我知道我可以用类似body{overflow:hidden}的东西隐藏浏览器滚动条，但这会隐藏浏览器滚动条，而不管页面是否加载，所以这将是一个问题。我已经用javascript和jquery尝试过类似的东西。
document.body.style.overflow="hidden"
$('body').css('overflow', 'hidden');
但不能
浏览 1提问于2013-06-13得票数 0
我想用css或js隐藏移动浏览器的滚动条。
::-webkit-scrollbar {
display: none;
}
这个css可以在桌面浏览器chrome上运行，但不能在移动chrome上运行。当页面滚动时，滚动条仍会显示。我想知道有没有办法做到这一点？
浏览 1提问于2013-04-26得票数 1
1回答
当菜单覆盖处于活动状态(class：.overlay)时，我在禁用网站上的滚动条时遇到了问题。我创建了一个菜单覆盖，我希望滚动条被禁用时，覆盖是可见的。类似于这个
所以我想禁用滚动条，而不是隐藏它。到目前为止，我理解的是:基本上，我需要做的是在显示覆盖时将内联CSS添加到html中:在显示覆盖层时阻止并删除内联CSS : none；
我尝试了在Stackoverflow上给出的多个解决方案，但到目前为止还没有结果。这是我的最新解决方案，但最终没有奏效：
if( $(".overlay").css('display') == 'block') {
浏览 1提问于2017-06-04得票数 0
我有以下css，但滚动条是可见的。如何使它们不可见(没有滚动条的可滚动div )？
.myDiv
{
height:300px;
overflow: scroll;
}
浏览 0提问于2011-05-03得票数 6
回答已采纳
2回答
自定义网站滚动条？
、、、、
我不喜欢上浏览器滚动条的外观。为了解决这个问题，我有两个想法：
去掉滚动条。
将默认滚动条替换为自定义滚动条。
我知道我可以使用css来设计滚动条的样式，或者将它隐藏在webkit浏览器中，但是我想要一个更跨浏览器的解决方案。我认为如果我选择隐藏滚动条，它不会影响用户体验，因为我的导航。
我看过几种解决方案()，它们使用包装器和css系统隐藏滚动条，并将其从画布上删除。这些不适用于我，因为它们干扰了我的站点运行的和引导词缀/滚动间谍导航条。我认为这是因为这两个脚本都依赖于body元素，而不是主包装器滚动。
我还研究了一个jquery插件，以更改我的滚动条的外观，特别是。当我尝试
浏览 4提问于2016-01-28得票数 1
1回答
我想在火狐浏览器中隐藏滚动条，所以我在css中使用了以下内容：scrollbar-width: none;，当我在W3C css验证器中验证W3C文件时，它显示了以下错误：
属性滚动条宽度不存在:无
如何修复此错误？
浏览 4提问于2020-11-23得票数 0
1回答
铬中的“棕色盒”
、、
我在使用Chrome中的jScrollPane JavaScript插件时遇到了问题。
在下面的链接中，您可以单击任何地方，并看到内容周围出现“棕色框”：
删除滚动条脚本会使问题消失。
用于设置滚动条样式的CSS不包含与褐色类似的颜色代码。
既然我真的很想用那些滚动条，也许有人有主意？谢天谢地感谢！)
浏览 4提问于2011-03-18得票数 0
越来越多的Google应用将其滚动条替换为基于CSS的滚动条，这些滚动条需要鼠标滚动(传统的基于滚动条的滚动控件允许您使用键盘滚动)。
有什么方法可以迫使Goolge网站产品(如Google、Google、Google )在各种浏览器中使用传统的滚动条控件？
编辑：
似乎键盘只适用于页面上的“主”滚动条。因为CSS不允许您将焦点放在页面上的其他可滚动区域上。
我曾在GMail、Google和Google中尝试过这一点，比如Google和(如果我还记得的话，苹果Safari和Mozilla FireFox的行为也是一样的)。
“主”(通常是消息列表)可滚动区域与键盘上/下箭头滚动。
其他可滚动区
浏览 0提问于2012-03-13得票数 6
回答已采纳
1回答
我确实在一个有overflow:scroll using jquery的div上隐藏了滚动条。
$('body').css('overflow','hidden');
它工作得很好。
问题是，这在我的应用程序中隐藏了所有jsp的滚动条。
但我只想在js/jsp页面上隐藏滚动条。
有没有办法只隐藏单个js/jsp，即使它是公共的div？
在这个问题上，有人能帮我吗？
浏览 17提问于2015-08-14得票数 0
这正是标题中所描述的。
我有一个有overflow-x: hidden的父母。
我有3行，其中有一些内容溢出。
在这个场景中，我无法以编程方式滚动其中的一行。JS Fiddle：
但是，如果我将行更改为具有overflow-x: auto，则编程滚动可以工作，但它也会显示一个水平滚动条。JS Fiddle：
问:我想了解为什么会发生这样的事情。如果没有水平滚动条的出现，我如何才能让滚动条工作呢？(使用css 不隐藏水平滚动条不是选项)
PS:希望没有简单的HTML/CSS/JS答案。No jQuery
更新1：父位置似乎不影响这一点
浏览 5提问于2017-06-28得票数 1
回答已采纳
Lion中的新滚动条似乎会根据body元素的背景颜色在Safari中调整它们的颜色。有没有办法手动设置滚动条是深色还是浅色？我知道有webkit CSS选项来设置滚动条的样式，这实际上早于新的Lion滚动条。我使用这种方法的唯一问题是，这个条不再像真正的Lion条那样工作，滚动停止后它就会淡出。虽然我认为这可以使用CSS动画和javascript来识别滚动的开始和结束，但使用真正的滚动条来识别所有的"hackery“会更好。
浏览 3提问于2011-07-29得票数 4
2回答
我正在通过CSS使用自定义滚动条样式来实现webkit中的自定义滚动条。如果其他浏览器实现了前缀或无前缀的版本/版本，请让我知道。
但是，继续我的问题。有没有办法让滚动条出现在滚动条轨迹的悬停位置？
有点像Mac OS X Lion和Mountain Lion？
这是我的自定义滚动条CSS。“
::-webkit-scrollbar {
width: 12px;
}
/* Track */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-webkit-bo
浏览 0提问于2013-04-06得票数 4
回答已采纳
3回答
我试图隐藏我网页上的水平滚动条。我试过使用" overflow-x :hidden“，但Visual Studio说overflow-x不是一个已知的CSS属性名称。
我也使用overflow:auto，它处理垂直滚动条，而不是水平滚动条。
帮助?
浏览 4提问于2012-02-25得票数 0
回答已采纳
38回答
隐藏滚动条，但仍可滚动
、、、、
我希望能够滚动整个页面，但不显示滚动条。
在Google Chrome中，它是：
::-webkit-scrollbar {
display: none;
}
但Mozilla Firefox和Internet Explorer似乎不是这样工作的。
我也在CSS中尝试过：
overflow: hidden;
这确实隐藏了滚动条，但我不能再滚动了。
有没有一种方法可以删除滚动条，同时仍然可以滚动整个页面？
只需CSS或HTML即可。
浏览 2提问于2013-05-21得票数 1501
回答已采纳
我有一个定制的拖放多选择下拉列表。它只有dropdown的唯一控件id。当我们第一次打开下拉菜单时，滚动显示在顶部。下一步，我们向下并关闭下拉菜单。下次打开滚动条时，滚动条将位于相同的位置(向下)。 如何在打开滚动条时将其设置在顶部。任何css属性都会很有帮助。提前谢谢。
浏览 128提问于2021-07-03得票数 0
2回答
可能重复：
通过设置CSS属性overflow-y: hidden，我能够在网格中禁用垂直滚动条。但是，这也消除了使用鼠标轮滚动内容的能力。
是否有一种方法可以不显示滚动条，但仍然允许内容通过鼠标、车轮或箭头键滚动？
浏览 3提问于2010-07-15得票数 43
回答已采纳
我有一个带有图像的Div，可以在单击事件时更改其大小。div应该做出反应，在必要时显示滚动条。 <div id="DisplayGraph" runat="server">
<asp:image runat="server" id="Graph" CssClass="Graph"/>
</div> CSS #DisplayGraph {
height: 100%;
width: 100%;
transform-origin: left top;
positio
浏览 11提问于2019-03-25得票数 0
回答已采纳
我试图强迫IFRAME永远不要显示滚动条，但是设置CSS属性overflow:hidden !important不起作用。Chrome的开发工具显示应用样式为overflow:hidden，而计算样式为overflow:visible。请参阅下面屏幕截图中的精确标记和CSS：
这似乎是Chrome中的一个bug (这是Chromium，BTW中的一个版本)。但我仍在寻找解决办法或解决办法。
更多信息：
UI中唯一可见的滚动条是垂直滚动条。
添加属性scrolling="no"没有什么区别。
显式添加overflow-x: hidden !impo
浏览 8提问于2017-03-03得票数 3
1回答
当滚动条出现和消失时，有没有javascript eventlister或css伪类？例如system Mac OS，滚动条默认是隐藏的，当您开始滚动时，它们确实会出现。Windows Internet Explorer >= 10也是如此。我想知道滚动条是否出现和消失。我的第一个测试：
var doscroll = false,
$html = $('html'),
timer;
$(window).on('scroll', function () {
if (!doscroll) {
doscro
浏览 3提问于2015-03-18得票数 2
我得到了一个水平滚动条；我不需要将overflow-x设置为隐藏，因为可能只有一个页面仍然需要滚动条。关键是我不明白为什么滚动条会出现。 html {
min-height: 100%;
margin-left: 0px;
margin-right: 0px;
padding: 0px;
font-size: 14px;
font-family: 'itcmd' !important;
}
body {
margin-bottom: 50px;
display: flex;
flex-directio
浏览 85提问于2020-10-09得票数 2
我的网站右侧有一些恼人的空白区域和一个水平滚动条。我找到了一些css代码的帮助，它们去掉了空白和水平滚动条。但是，此代码创建了第二个垂直滚动条。所以我只能选择其中之一。如何摆脱这两个额外的滚动条？
这是消除了第一个问题但创建了第二个问题的代码。
html,
body{
width:100%;
overflow-x:hidden;
}
浏览 22提问于2019-08-01得票数 0
我有一个水平滚动的div。在移动设备上，当内容是固定的时，我想隐藏滚动条。它在iPad上的Safari上是这样工作的，但是在安卓平板电脑上使用Chrome时，我总是看到水平滚动条。
我的水平滚动div上的CSS：
white-space: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
CSS解决方案更可取，但如果有必要，Javascript/JQuery也能工作。提前谢谢。
浏览 10提问于2013-12-16得票数 3
1回答
我在覆盖div中的iframe中显示了一个联系人表单，我对该div进行了调整，以适应div维度的指导原则。当div第一次出现时，没有滚动条显示。然后我填写表单，点击发送，在我点击发送后，有一段时间垂直滚动条出现，显然是在表单发送的时候，然后滚动条在我得到确认屏幕后再次消失。
现在我真的不知道从哪里开始，除了我相信我的css很好。我有两个css文件附加到我的contact.php。我还有一个process_form.php和三个javascript文件(其中两个是jquery引用)。因为代码太多，我不想把它们都粘贴到这里。就像我说的，我已经上上下下地看过css了，但我没有js或php的
浏览 0提问于2013-06-25得票数 2
是我的代码。
在div中滚动内容时，div的滚动条将正确地显示在iOS上。但是，滚动条不会出现在Windows上。
我已经尝试了中列出的所有CSS声明，但它仍然不起作用。
浏览 0提问于2014-10-29得票数 1
回答已采纳
2回答
我知道这有时是愚蠢或无动于衷的问题。
我想要一个没有垂直滚动条的标题。如图所示:这是主页设计，我需要顶部的黄色标题条显示，没有垂直滚动条，如图2。
图2：
我尝试了许多css攻击，最终导致了现有design.How的一些问题，我能让它成为可能吗？
浏览 2提问于2017-01-04得票数 0
回答已采纳
我需要用HTML、CSS3和JavaScript创建一个工具。它将包含一些水平滚动条和垂直滚动条，以便正确查看所有内容，同时保持某些元素的固定大小。这就是试图解释我想要的东西的布局
因此，我有一个#main DIV，它包含一个#左和#右 DIV。左侧DIV包含两个DIV，右侧DIV包含另外2个DIV。现在，我想创建一个垂直滚动条(vscroll1)，在#content和#menu DIV中上下滚动(同时，就像它们在相同的DIV中一样)。另一方面，我希望水平滚动条(hscroll2)同时通过# content 和向右滚动，就像它是相同的内容一样。
我想我可能有两种方法:一些CSS+HTML
浏览 0提问于2012-09-04得票数 0
3回答
我在我们的一个网站上遇到了一个问题：
在IE9中，页面有一个垂直滚动条，但你不能使用鼠标滚轮、箭头键、pgup/pgdwn来滚动。滚动的唯一方法是实际单击/按住并移动滚动条。
我从css中删除了以下内容：
{
overflow-x: hidden;
}
然后滚动像往常一样工作。还有没有人见过这个？这看起来很奇怪，因为overflow-x应该隐藏水平滚动条吗？为什么它会影响垂直方向？
我已经在一个测试页面上尝试过了，它的运行效果与预期相符。因此，它一定是多种因素的组合。
浏览 4提问于2011-09-07得票数 29
我有一个treeview控件，它在运行时用员工姓名的金字塔填充。我把css滚动条放在视图上，把overflow:auto“放在树视图所在的标签中，用户现在要求我在树视图中选择树视图项时将滚动条向下移动。
如何使滚动条转到树形视图已被选中的位置？
注: treeView1.SelectedNode.EnsureVisible()；
在asp.net中是不可用的，需要另一种方法。
浏览 0提问于2010-02-27得票数 0
1回答
我有一个css菜单，一直工作得很好。现在，我想在其中一个菜单中添加一个滚动条，当它对页面来说太长时。问题是，当您尝试单击滚动条上的鼠标时，会触发选定内容上的隐藏菜单。有谁知道我怎么解决这个问题吗？
这是一个演示这个问题的jsfiddle。
最后两个菜单选项具有带有滚动条的弹出按钮。
这是我添加的新CSS，它正在创建问题...
.addScroll {
max-height: 200px;
overflow-y: scroll;
}
.addScroll:active {
display:none;
}
同样，当你在"10代码“或"11代码”的左半部分按下鼠标时，
浏览 2提问于2016-01-30得票数 0
1回答
滚动条导致页面移动
、、、、
出于某种原因，出现的滚动条会移动谷歌Chrome中的所有东西。
这是我的错还是以前没发生过的事？
是否还有我可以插入的样式代码或JavaScript来防止这种情况发生？
我已经尝试了溢出:滚动；然而，在我的styles.css中，我已经放置了其他文件的iframes (我知道，不建议使用iframes )，这会导致iframes中的滚动条。
除非我能保持溢出:滚动；或者不让它应用于iframes，有什么帮助吗？
非常感谢！
浏览 4提问于2014-04-21得票数 0
回答已采纳
1回答
我想要垂直滚动启用和水平滚动。
使用scrolling="no"不是我想要的，因为我仍然想要垂直滚动。
我试过把这个添加到css中
#myiframe{
overflow-x:hidden;
overflow-y:auto;
}
但是它仍然只显示铬的水平滚动条。其余的浏览器都很好。
任何帮助都是非常感谢的。
浏览 1提问于2013-09-06得票数 8
回答已采纳
使用：
$('body,html').css("overflow","hidden");
页面中的滚动条能够完全隐藏。但我希望滚动条在某些AJAX事件期间仅被禁用。稍后使用：
$('body,html').css("overflow","visible");
在AJAX成功的过程中，我不得不再次启用滚动以获得完整的页面。
(比如从蝎子栏中移除滚动框和禁用滚动箭头)仍然显示在窗口中。这将同时防止页面宽度的变化。
是否有可能这样做？任何帮助都是徒劳无功。提前谢谢。
浏览 5提问于2013-09-17得票数 16
4回答
隐藏/显示Kendo网格滚动条
、、、、
我只想在必要的时候显示我的剑道网格的滚动条。下面是我的网格初始化：
@(Html.Kendo().Grid<UT.Repo.Core.up_HedgedCustomerLatestTradeListGet_Result>()
.Name("lastPositionsGrid")
.Columns(columns =>
{
columns.Bound(c => c.ACCOUNT).Title("Hesap").Width(70);
columns.Bound(c => c.TI
浏览 5提问于2016-02-29得票数 14
我有这个CSS：
.div {
background-color: red;
position: relative;
height: 414px;
overflow: auto;
width: 902px;
margin: 0px auto;
}
我试过用overflow-y: hidden;，滚动条消失了，但是滚动条不起作用。希望你能理解我想要的。另外，我应该使用汽车还是卷轴？有了自动，我也看到了水平条形。
这是JSFiddle：
谢谢!
浏览 25提问于2013-12-07得票数 21
回答已采纳
1回答
我试图隐藏身体滚动条的点击，但我有两个按钮.所以我想我需要知道身体是否可见。
当前的状态是当我切换回身体滚动条时。
我不善于解释，所以这里是一个Fiddle：
我试图避免在切换的div上得到两个滚动条，比如：
$(document).ready(function() {
$("#yy").click(function() {
$("#why").slideToggle();
$("body").css({
"position": "sticky",
"over
浏览 1提问于2020-02-20得票数 0
回答已采纳
2回答
打印可滚动表格的全部内容
、、、
我有以下页面得到打印，其中有水平滚动。我需要在水平滚动条区域中打印内容。
当打印此页面时，我得到的输出不包含水平滚动条区域中的所有字段。
并非打印滚动条中的所有内容。
我使用的方法是打印CSS。
@media print {
.noprint {
display: none;
overflow: visible;
}
}
浏览 6提问于2011-02-15得票数 0
回答已采纳
3回答
我在想..。有一种方法可以用GWT标准隐藏水平滚动条吗？我的意思是，也许不使用外部CSS样式等？或者你可以推荐一种更好的方法来达到这个效果？
关于CSS的...And，现在我试图为我的ScrollPane设置这样的样式
.a-scroll {
overflow-y: scroll;
overflow-x: hidden;
}
..。但是它似乎不起作用，水平滚动条仍然是可见的:S，那么有解决办法吗？
谢谢
浏览 2提问于2013-04-29得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
