这正是标题中所描述的。
我有一个有overflow-x: hidden的父母。
我有3行，其中有一些内容溢出。
在这个场景中，我无法以编程方式滚动其中的一行。JS Fiddle：
但是，如果我将行更改为具有overflow-x: auto，则编程滚动可以工作，但它也会显示一个水平滚动条。JS Fiddle：
问:我想了解为什么会发生这样的事情。如果没有水平滚动条的出现，我如何才能让滚动条工作呢？(使用css 不隐藏水平滚动条不是选项)
PS:希望没有简单的HTML/CSS/JS答案。No jQuery
更新1：父位置似乎不影响这一点
浏览 5提问于2017-06-28得票数 1
回答已采纳
是否可以在不滚动时隐藏滚动条，并在开始与其交互时再次显示滚动条？
我的代码：
new iScroll('js-queue',{
hideScrollbar: true
});
浏览 6提问于2013-03-20得票数 0
1回答
我有一个模式弹出窗口，当模式出现在屏幕上时，我用overflow: hidden消除了滚动条。
我正在使用js来计算滚动条的宽度，并添加一个填充来修复滚动条消失时移动的屏幕。大概是这样的：
<div className='site-layout-wrapper' style={{'padding-right': modal ? `${scrollbarWidth}px` : '0'}}>
问题是，当滚动条重新出现时，也会有轻微的移动。我该怎么解决呢？
浏览 0提问于2019-08-08得票数 1
当scrollOverflow:true而不是额外的scrolloverflow.js文件时，有没有办法使用浏览器的本机滚动条？
我只想在一个可湿性粉剂网站的主页上使用fullPage.js，我希望所有的页面都有默认的滚动条。
浏览 6提问于2020-12-23得票数 0
1回答
没有fancybox滚动条
、、、、
我对fancybox滚动条有意见。Fancybox只是使用浏览器滚动条。我需要固定高度的fancybox和滚动条在fancybox弹出。
我的html页面：
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<link rel="styleshe
浏览 0提问于2014-08-28得票数 1
回答已采纳
2回答
我使用bootbox.js来建立模态，但是当模态fadeIn和内容太长时，滚动条将位于底部按钮的级别。当模态出现时，我需要滚动条保持在顶部。
浏览 3提问于2014-12-24得票数 5
回答已采纳
我已经在android手机上创建了应用程序。我使用iscoll在div中动态显示滚动条，因为我已经添加了列表和动态显示。
它显示带有附加列表的div，但不显示滚动条。
在logcat中，我得到了以下错误：
03-21 16:09:02.669: WARN/webview(2166): Miss a drag as we are waiting for WebCore's response for touch down。
我的代码是
我用过来显示滚动条
滚动条的js是
<script type="text/javascript" charset="utf-8
浏览 2提问于2012-03-21得票数 3
回答已采纳
2回答
如何停止固定标题重叠滚动条
、、、、
我目前正面临一个问题，我的固定100%宽度的标题重叠滚动条。我需要的溢出-x:隐藏，因为我有CSS动画飞进来，并导致水平滚动条。
这是JS Fiddle代码：
非常感谢您的帮助。
浏览 2提问于2020-03-29得票数 0
1回答
当我通过导出库使用导出图表时，我将如何在HighChart上隐藏启用的滚动条？我尝试切换滚动条的显示，但是当内部代码调用chart.getSVG()时，对HighCharts库之外的图表所做的任何更改都会被省略(例如，通过代码修改图表元素)。
请参阅这里的一个工作示例：
<script src="http://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"
浏览 1提问于2016-11-09得票数 0
回答已采纳
2回答
在我的Vue js应用程序中，导航栏由于滚动条而闪烁，即，在一些路线中有滚动条，而在一些路线中没有滚动条，因为导航栏闪烁与此stackoverflow页面相同，每当在路线之间切换时滚动条都会闪烁。有没有办法从导航栏中删除滚动条？
浏览 21提问于2019-10-01得票数 0
1回答
我正在使用jquery.jscrollpane.js把滚动条放在div上。它似乎在下面的页面底部放置了一个水平滚动条，有谁能帮忙吗？
浏览 1提问于2011-06-24得票数 0
2回答
p5.js画布添加不需要的滚动条
、、、、
我使用它的父级值创建了一个简单的p5.js画布，如下所示：
// Canvas properties
var $musicscape = $("#musicscape");
// p5.js functions
function setup() {
var canvas = createCanvas(
$musicscape.outerWidth(),
$musicscape.outerHeight()) ;
canvas.id("canvas")
canvas.parent($musicscape[0]
浏览 0提问于2019-06-19得票数 2
回答已采纳
3回答
随着谷歌推出的最新更新，这些网站都获得了自定义的JS滚动条(至少在Chrome中是这样)。
我最喜欢的是它的简单和完美的工作。到目前为止，我所见过的许多JS滚动条都不能很好地工作--也就是说，如果你真的很快地滚动或者滚动并移动鼠标，它们就不能很好地工作。
因此，我想知道有没有人知道有没有简单/小(代码占用空间很小)并且运行良好(如上所述)的滚动条。
我曾考虑过使用jQueryUI的滚动作为基础，但出于我的需要，我无法使用jQueryUI来实现这一特性。
浏览 3提问于2011-11-02得票数 8
回答已采纳
1回答
自定义跨浏览器滚动条宽度
、、、
我有这个html
我需要更改div滚动条宽度为50px，
我知道像jScrollPane这样的插件，但我需要使用纯css，js/jquery设置滚动条宽度。
我找到了这个CSS解决方案，但这不是跨浏览器的。
如何让这个跨浏览器？
浏览 0提问于2013-03-31得票数 0
我想用css或js隐藏移动浏览器的滚动条。
::-webkit-scrollbar {
display: none;
}
这个css可以在桌面浏览器chrome上运行，但不能在移动chrome上运行。当页面滚动时，滚动条仍会显示。我想知道有没有办法做到这一点？
浏览 1提问于2013-04-26得票数 1
2回答
我有一个javascript滚动条来代替普通的webkit/mozilla滚动条。只需输入div名称".element“，它就可以在我的所有其他div上运行，但是我不确定如何将滚动条应用于文本区域？有没有人知道我会怎么做，感谢任何人的帮助。
JAVASCRIPT：
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/
浏览 0提问于2013-04-15得票数 5
1回答
目前，我制作了一个自定义组件，该组件的行为类似于称为滚动条的旋转木马。当我选择一个特定的项时，它会动态地加载信息，并显示一个内容div，其中包含关于该项的信息，例如id、name、缩略图-Image等。
我试图解决的问题是，我希望显示多个滚动条、，并且一次只能激活一个内容div。问题是每个滚动条都有自己的内容div。我需要一种方式来沟通哪一个是活跃的。
我想我可能需要另一个组件--让我们把它称为Home，它显示多个、滚动条、和onClick，它设置当前的一个Active和rest inActive。所有的滚动条仍然应该显示，但是，一个动态内容div将出现在active 滚动条下面。
这听起来像
浏览 10提问于2021-03-30得票数 0
回答已采纳
2回答
我有我的GridView在另一个面板中，我有滚动条，但GridView太大了，即使有分页。因此用户需要向下滚动才能水平滚动(以查看水平滚动条)。
如何在面板中为我的GridView添加任何水平滚动技巧。也许是来自javascript的东西？我的js知识仍然很差。
我真的很难想象那会是什么，也许是浮动的水平滚动条？
谢谢。
浏览 2提问于2010-11-30得票数 0
回答已采纳
2回答
我想标记浏览器滚动条，就像chrome在Control +F中做的那样，只使用html、css和js。
我试过了
放置css位置固定的div
创建滚动条轨迹的线性渐变样式
但在这两次尝试中我都迷失了方向。有什么想法吗？
浏览 0提问于2019-06-21得票数 3
1回答
滚动颜色js
、、
我使用js来改变所有浏览器中的滚动颜色。在“我的网站”中，直到整个页面都未加载时，滚动条才会默认出现，当页面完全刷新时，滚动条会通过js显示。现在我想，然后中介器滚动条不应该在刷新网站期间看到。页面刷新时应该会看到来自js的滚动条。意味着我必须在页面刷新期间删除默认滚动条。
浏览 1提问于2011-01-08得票数 1
回答已采纳
1回答
我正在使用magicsuggest进行标记，我想设置magicsuggest的最大高度。
如果我在magicsuggest中标记了更多的单词，那么必须将垂直滚动条放入magicsuggest中。
Html：
<div id="magicsuggest"></div>
Js：
$('#magicsuggest').magicSuggest({
data: ['Paris', 'New York', 'Gotham']
});
依赖关系：
<link href="css/ma
浏览 3提问于2015-10-09得票数 1
我使用jQuery从目标页面加载一个div，并用新加载的内容替换现有的div。为了让这看起来更好一点，我添加了一个jQuery过渡效果到“滑动”，然后将现有内容滑到左边，然后从右边“滑”到新内容。
JS摘录：
...
$('#content-slider').hide('drop', {}, 2000, function() {
('#content-slider').load(pageurl + '?rel=tab #content-slider');
$('#content-slider').
浏览 1提问于2013-03-15得票数 0
回答已采纳
1回答
我正在建立一个网站，我想要显示facebook的评论和使用Jscrollpane窗格，但它不工作。我不知道我做错了什么，这应该很简单，因为我不想要任何花哨的效果，只需要替换丑陋的本机滚动条。就这样。
注释会显示出来，但根本没有滚动条。
提前感谢大家的帮助。
<div id="fb-root">/div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
浏览 0提问于2012-07-22得票数 0
1回答
我需要在整个浏览器窗口中画些东西。但是，我发现用D3.js中的画布对象来设置它有点棘手。在右边总是有一个滚动条，如果我删除js代码，它就不存在了。
这是我的代码：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</head>
<body style="margin:0;">
<div id="background" style="posit
浏览 0提问于2015-04-20得票数 0
回答已采纳
我正在使用jQueryUI对话框中的jQueryUI选项卡。每个选项卡面板中的内容可能非常大--例如，每个选项卡面板中可能有一个包含数百行的表。因此需要使用滚动条来导航内容。
默认情况下，对话框面板显示自己的滚动条--这并不是我想要的。此滚动条使导航选项卡本身向上移动和移出视图。我更喜欢让每个选项卡面板在必要时显示自己的滚动条，但让导航选项卡保持可见。我尝试为对话框面板设置"overflow:hidden“，然后为各个选项卡面板设置"overflow:auto”(如下所示)。但是，即使内容需要，选项卡面板也不会获得滚动条。
下面是一个显示问题的(简化的)测试用例--包括我尝试使
浏览 3提问于2011-09-11得票数 2
回答已采纳
如何仅为fullpage.js中的最后一节启用滚动条
我试过这个：
$("#section3").fullpage({
scrollBar: true,
fitToSection: false,
});
但这行不通。
浏览 4提问于2015-07-19得票数 0
1回答
当我试图对某些div隐藏滚动条时遇到了麻烦。我在论坛上找到了一些解决方案，但它们从来没有真正符合我的情况，所以我仍然在努力解决这个问题。我的问题是:我试图隐藏一个div中的滚动条，而这个div嵌套在另一个大小不固定的div中。(它们设置为正文的100% )。
下面是HTML：
<div id="events">
<div id="event-list"></div>
<div id="event-details"></div>
</div>
和CSS：
htm
浏览 2提问于2015-04-16得票数 0
2回答
如何实现滚动条，使其在移动和web应用程序中以相同的方式工作?也就是说，当我们拖动(鼠标滚轮)滚动条中的可滚动内容和拇指时，应该完成内容的滚动。另外，我想自定义滚动条，即在滚动条中的拇指和轨道的样式必须是分开的。我试过tinyscrollbar.js，facescroll.js和nicescroll.js。有没有人能推荐一个方法呢？
浏览 0提问于2013-09-05得票数 1
4回答
我有一个水平滚动条，只有在悬停时才会显示。但问题是，当它显示出来时，它会增加它的容器的高度，并将下列元素向下推。.you可以看到当滚动条显示时，2 div将被按下。
<div class="wrapper">
<div class="one">
<div class="oneChild">the height is unknown,the height is unknown,the height is unknown,the height is unknown</div>
</div&
浏览 5提问于2013-12-05得票数 3
3回答
我有两个div元素；其中一个元素旁边有一个滚动条：
+-------------+ ?
| div A | ?
+-------------+ ?
| |^|
| | |
| | |
| div B |=|
| | |
+-------------|v|
我希望div A和div B一样宽，减去它的滚动条的宽度。滚动条始终存在(通过显式overflow: scroll)。OTOH div A具有固定的高度，不需要滚动。我希望div A和div B的客户区域对齐。
我可能会用J
浏览 7提问于2014-09-12得票数 7
回答已采纳
2回答
我想使用来改变文档中滚动条的样式。但是，该插件的页面似乎没有任何文档。我应该如何使用这个插件(除了包含下载的zip文件提供的js和css文件之外)？
浏览 4提问于2011-08-19得票数 1
1回答
使用:JSF1.2+ RichFaces 3.3.3
我们无法将rich:panel的滚动条链接到rich:tree组件。选择或高亮显示节点发生在rich:tree中。但是我们无法将滚动条链接到突出显示的节点，因此即使选择超出div，滚动条也不会相应移动，因为突出显示的节点对用户不可见。
如果我们手动向下滚动到特定的节点，我们可以看到该节点被高亮显示。
我们已经尝试了以下步骤来解决问题，但问题还没有解决
在每个向下或向上的箭头处调用js，然后使用container.scrollTop= 16以固定的高度移动主div的滚动条。
传递突出显示的节点并使用treeItem.scrollInt
浏览 3提问于2012-11-15得票数 2
1回答
只需尝试使用waypoint.js和animate.css更改滚动条上的背景色。为什么它不工作？
$( document ).ready(function(){
console.log( "ready!" );
$('#one').waypoint(function(direction) {
if (direction == "up") {
$("body").animate({ backgroundColor: "#131314" }, 600);
} else if (dir
浏览 0提问于2014-07-27得票数 0
1回答
如果列的文本溢出，我希望向列中添加一个水平滚动条。我不想增加列宽。我已经使用了现在说唱文本，但也想添加水平滚动条到它。如果文本不溢出，滚动条将被隐藏。这是我的密码。现在，这个滚动条适用于整个列，而不是任何特定的列。对于这种情况，我必须使用JS，但是我不知道如何正确地使用它。
HTML:
<table class="table">
<thead>
<tr>
<th>Serial</th>
<th>Name of the Project</th>
浏览 2提问于2018-06-27得票数 0
回答已采纳
2回答
有没有办法自动调整iframe(画布)的大小来显示我的所有内容？我不想要滚动条。我尝试了每种JS方法，但都不起作用。
浏览 0提问于2011-07-15得票数 1
1回答
我正在浏览我的HTML文档中的一段代码，并遇到了以下代码，其中插入了代码示例。这是我所指的代码。
<div class="api-content-item" data-ng-show="verb.code != undefined">
<h5>Code Samples:</h5>
<ul class="example-lang">
<li data-ng-repeat="ex in verb.code">
<a data
浏览 1提问于2014-06-28得票数 1
我使用下面的代码和一个JS .scroll来检测底部视口滚动条何时被横向滚动(然后根据该事件执行一些操作)。当我瞄准HTML标签时，它不会触发，但是如果我用.scroll瞄准BODY标签，它就会触发。
我看到的主体标签滚动条的问题是，只有当你一直滚动到5000px的底部时，它才会显示出来，我将内部div设置为5000px。对于我认为是自然的，HTML-底部-视窗-滚动条，它总是坐在浏览器窗口的底部，如果有滚动到的东西，但我不知道如何检测它的移动。
.scroll有没有一种方法可以检测到它正在滚动，或者有没有其他方法可以检测视口是否正在横向滚动？
<html>
<head>
浏览 32提问于2018-08-15得票数 1
1回答
我下载了这个Reactbootstrap主题，并让它与NextJS一起工作。困扰我的问题是我在Layout.js中的Layout.js有点超出了窗口。就像垂直滚动条一样，水平边距也在增加。解决方案是用div覆盖滚动条吗？我只是想要它，所以<div className="main-panel">适合在窗口和不需要一个水平滚动。我不知道怎么解释，但我有一个例子要给你看。
下面是Layout.js呈现：
return (
<div className="wrapper">
<Sidebar rout
浏览 1提问于2021-12-12得票数 0
回答已采纳
我在div中使用了一个水平滚动条。
<div id="custom_scroll" style="width: 91%; overflow: auto; margin: 0 3%;">
<div id="custom_scroll_child" style="width: 100%">
</div>
</div>
我增加了内部div#custom_sc
浏览 2提问于2018-06-12得票数 6
1回答
我有一个JTable，我正在通过JScrollPane。垂直滚动条显示和工作良好，但水平滚动条不工作。我提供的代码是可编译的，只需将路径放在InputFile1字符串中，并在该位置创建一个长文件。
我尝试过许多解决办法，但没有任何效果。我有一个只有一个列的表，该列包含文档中的行。我需要垂直和水平滚动条。请提出一些解决办法。
其他尝试：
Case1
tab.setPreferredSize(new Dimension(400,400));
如果我设置这个，垂直滚动条不工作。
Case2:
tab.setAutoResizeMode(JTable.AUTO_RESIZE_OFF);
如果设置这个
浏览 2提问于2014-08-29得票数 4
回答已采纳
1回答
我正在创建一个使用AJAX和PHP的聊天应用程序。我已经成功地将聊天记录对齐在显示聊天记录的div底部。当加载新消息时，消息被成功地添加到div的底部，并使用JS将滚动条置于底部以显示新消息。如下所示：
if(document.getElementById("oldmessages").scrollTopMax)
{
if(document.getElementById("oldmessages").scrollTopMax > document.getElementById("o
浏览 2提问于2014-01-30得票数 1
3回答
全
我想在iframe中使用。
这是我的代码
HTML
<form>
<input type="text" class="frmUrlVal">
<input type="submit" class="frmSubmit" value="Go">
</form>
<iframe src="http://www.css-tricks.com" width="360" heigh
浏览 9提问于2012-05-07得票数 2
回答已采纳
1回答
我正在开发一个跨平台移动开发的web应用程序(Cordova/HTML5 5/angularJS/CSS3 3)。我尝试有一个内容可滚动的标题(但是没有滚动条，没有使用溢出:隐藏(CSS)的滚动条)。
______________ | HEADER | |--------------| | |#| | |#| | Content |#| | |#| | |#| | |#| |--------------| '#' = scrollbar
所以这是可
浏览 3提问于2014-04-10得票数 1
回答已采纳
1回答
我有一个标有高度为200 of的div的表内容。表内容是用户输入&动态的。我使用JQuery来调整滚动条，但是如果我使用溢出-y:滚动！重要；正常滚动出现在开头。
如果div内容超过200 If高度，则JQuery滚动条将与普通滚动条一起出现。
我想要的是:，我想显示JQuery滚动条，无论div高度如何，总是可见的，但不使用普通滚动条，如下图所示。
错误快照：
CSS:
<style type="text/css">
#boxscroll {
height: 200px;
width: 230px;
浏览 1提问于2013-08-26得票数 2
回答已采纳
1回答
我在我的中使用了。然而，我需要一个滚动条出现在我的网站右侧，因为我的大多数目标观众将使用笔记本电脑没有鼠标轮，这将是不可能的滚动没有困难。
我已经尝试添加以下内容：
<div class="swiper-scrollbar"></div>
并根据我的HTML文件实例化它：
<script>
var swiper = new Swiper('.swiper-container', {
scrollbar: {
el: '.swiper-scrollbar',
hide
浏览 0提问于2018-03-22得票数 0
回答已采纳
1回答
我的站点使用了两个jQuery插件：jquery.selectbox.js和jquery.jscrollpane.js。
selectbox.js将我的选择转换为div的集合，jscrollpane.js将自定义滚动条添加到内容中。当我将选择框放入jscrollpane时，我遇到了一个问题。jscrollpane种植其边界之外的所有东西--甚至选择框下拉。你能帮我做这个吗？
浏览 1提问于2013-01-18得票数 1
回答已采纳
8回答
我正在创建一个响应性设计，但遇到了一个问题:当浏览器宽度小于590‘s时，Facebook代码的div#fb-root会导致水平滚动条。我已经在Chrome、Safari和Firefox上测试过这个问题，但是这个问题只发生在Firefox中。
我应该将div#fb-root设置为display:none还是有更好的方法来实现它？
谢谢!
编辑:根据的要求，下面的代码是我加载SDK的方式。当我不加载SDK时，水平滚动条就会消失。
<div id="fb-root"></div>
<script>
window.fbAsyncInit =
浏览 1提问于2012-01-13得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
