当页面上出现垂直滚动条时，需要触发窗口调整大小事件。有没有办法用javascript捕获滚动条外观事件？
我遇到了页面宽度的问题，因为当垂直滚动条出现时，div会跳到下一行。当我调整页面大小时，它似乎工作得很好，所以我想在垂直滚动条出现时手动触发调整大小事件。
浏览 5提问于2014-07-03得票数 2
1回答
我有一个选项卡面板，该选项卡面板的最后一个选项卡有一个无限网格(工作非常好)，这个网格的autoScroll设置为true，当网格的存储在网格中loades时，在右边出现一个滚动条，在底部显示其他滚动条。我可以完美地使用滚动条导航，但例如，如果我将底部的滚动条放在中间，转到另一个选项卡并返回到此选项卡(每次我到一个选项卡重新加载其组件的存储/存储)时，底部的滚动条处于相同的位置，我希望它进入起始位置：
我的下滚动条状态是：
当我回到标签时，我想要的是：
有办法吗？？
浏览 2提问于2016-05-04得票数 0
回答已采纳
2回答
我有一个回收器视图，我用下面的代码添加了一个滚动条 <androidx.recyclerview.widget.RecyclerView
android:id="@+id/recyclerView"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scrollbars="vertical
浏览 54提问于2020-10-02得票数 1
回答已采纳
1回答
滚动颜色js
、、
我使用js来改变所有浏览器中的滚动颜色。在“我的网站”中，直到整个页面都未加载时，滚动条才会默认出现，当页面完全刷新时，滚动条会通过js显示。现在我想，然后中介器滚动条不应该在刷新网站期间看到。页面刷新时应该会看到来自js的滚动条。意味着我必须在页面刷新期间删除默认滚动条。
浏览 1提问于2011-01-08得票数 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
回答已采纳
我有一个flot图表，它使用导航插件和箭头在他们想要去的方向上平移100px。我希望能够做的是改变箭头的点击滚动条，可以设置为图形的最小和最大日期。
是否可以通过滚动条控制此图表？这是单击时执行的当前代码：
.click(function (e) {
e.preventDefault();
plotLines.pan(offset);
});
其中偏移量为+100或-100px。如果日期范围出现在图形上该窗口中可见的内容上，那将是很好的，但这是不可能的。
谢谢
浏览 0提问于2013-08-09得票数 1
1回答
我有一个模式弹出窗口，当模式出现在屏幕上时，我用overflow: hidden消除了滚动条。
我正在使用js来计算滚动条的宽度，并添加一个填充来修复滚动条消失时移动的屏幕。大概是这样的：
<div className='site-layout-wrapper' style={{'padding-right': modal ? `${scrollbarWidth}px` : '0'}}>
问题是，当滚动条重新出现时，也会有轻微的移动。我该怎么解决呢？
浏览 0提问于2019-08-08得票数 1
7回答
有没有一种简单可靠的解决方案来检测窗口垂直滚动条的出现/消失？
当JavaScript DOM操作页面变得足够高，可以显示滚动条时，不会触发window.onresize。
在这篇非常相似的帖子中，描述了如何检测滚动条是否存在的解决方案，但我需要知道它到底何时出现。
浏览 1提问于2010-02-01得票数 49
2回答
我使用bootbox.js来建立模态，但是当模态fadeIn和内容太长时，滚动条将位于底部按钮的级别。当模态出现时，我需要滚动条保持在顶部。
浏览 3提问于2014-12-24得票数 5
回答已采纳
2回答
我是这个网站的新手，所以如果我贴错了，请原谅我！
我试图编写JS，以便当表溢出导致滚动条出现时，表中的表标题属性出现(很可能在移动设备上或适当的窗口重新调整大小)。我该怎么做呢？表的当前代码是：
.datatable table{
max-width: 100%;
display: block;
position: relative;
width: 100%;
overflow-x:auto;
}
我希望能够：
.datatable table caption{
disp
浏览 1提问于2014-07-30得票数 0
回答已采纳
我需要检测拖动我的网站滚动条上的鼠标移动，这允许我检测用户不活动。
拖动滚动条时，不会触发鼠标移动事件。
不能在IE11和Chrome中工作，我在Firefox32中看到了mousemove事件，我还没有测试过其他浏览器。
示例代码：
HTML
<div class="parent" style="background-color:black;width:100px;height:500px;overflow:scroll;">
<div class="child" style="background-color
浏览 1提问于2015-05-15得票数 1
4回答
我在一个页面中有一个垂直滚动的div，它也是垂直滚动的。
当使用鼠标滚轮滚动子div并到达滚动条的顶部或底部时，页面(正文)开始滚动。当鼠标在子div上时，我希望页面(正文)滚动被锁定。
很好地说明了这个问题。
在本质上与我的答案相同，但当滚动条消失并重新出现时，选中的答案会导致我的页面内容明显水平移动。
我想可能会有一个利用event.stopPropagation()的解决方案，但是不能让任何东西工作。在ActionScript中，这类事情可以通过在子div上放置一个鼠标滚轮处理程序来解决，该处理程序在事件到达body元素之前调用stopPropagation()。由于JS和AS都是ECM
浏览 3提问于2012-02-13得票数 16
回答已采纳
这正是标题中所描述的。
我有一个有overflow-x: hidden的父母。
我有3行，其中有一些内容溢出。
在这个场景中，我无法以编程方式滚动其中的一行。JS Fiddle：
但是，如果我将行更改为具有overflow-x: auto，则编程滚动可以工作，但它也会显示一个水平滚动条。JS Fiddle：
问:我想了解为什么会发生这样的事情。如果没有水平滚动条的出现，我如何才能让滚动条工作呢？(使用css 不隐藏水平滚动条不是选项)
PS:希望没有简单的HTML/CSS/JS答案。No jQuery
更新1：父位置似乎不影响这一点
浏览 5提问于2017-06-28得票数 1
回答已采纳
首先我运行这个命令(npm ndb server.js)，然后出现一个调试chrome窗口，然后实际上，当我尝试在我的代码中调试时，我得到了这些错误，然后我点击了run script，然后出现了一个调试chrome窗口，然后它给出了这些有线错误。
throw er; // Unhandled 'error' event
^
Error: listen EADDRINUSE: address already in use :::8080
at Server.setupListenHandle [as _listen2] (net.js:1279:14)
at li
浏览 7提问于2019-10-07得票数 0
0回答
我已经使用一个名为split.js的库创建了四个在四个窗口中平均分割的Handsontable实例。
然后，我通过将容器溢出设置为自动，在每个窗口上启用了滚动条。
#equipment {
overflow: auto;
}
这将在所有GUI操作下成功地在垂直位置显示滚动条。
然而，水平滚动条就有点问题了。具体地说，在窗口的初始加载时，看不到水平滚动条。但是在拖动split.js栏的时候，滚动条又神奇地出现了！但是，在单击容器内的手提式桌面时，水平滚动条再次消失(移动到手提式桌面的底部)。请参见下图。
我还创建了一个显示此问题的小提琴。
所以我的问题是，如何使水平滚动条在上述所有情
浏览 32提问于2017-06-08得票数 3
回答已采纳
1回答
Chrome过去常常在媒体查询中不恰当地排除滚动条。这意味着，使用1000 do可见空间和一个17 do滚动条，其他浏览器将报告1017 do作为媒体查询的宽度，但webkit浏览器(如Chrome和Safari)没有这样做。
这些浏览器可能会碰到一个特定的大小，其中滚动条会出现在一个分辨率中，然后将分辨率更改为另一个将出现的分辨率，然后返回到它没有出现的时候。该解决方案导致一个难看的空白出现在滚动条应该出现的位置，但它没有出现。它看起来像是一个小故障，而DOM调整大小的事件没有正确地触发，所以在JS中您无法正确地做出反应。
然而，现在在Chrome 29中，这种情况似乎已经改变了。现在，他们
浏览 1提问于2013-09-30得票数 3
回答已采纳
1回答
类似ipad的html滚动组件
、、、、
我正在寻找类似于的css/js组件，但这也应该适用于非webkit浏览器。更具体地说，我想要这些条件中的一部分或全部：
薄滚动条
滚动条仅在拖动和/或悬停时出现
支持滚动拖动
浏览 12提问于2011-05-21得票数 2
如果我有这样的东西，我可以使用布尔标志“performAdjustment”来控制自动滚动：
static boolean performAdjustment = true;
JTextArea textArea = new JTextArea();
JScrollPane jScrollPane1 = new JScrollPane(textArea);
jScrollPane1.getVerticalScrollBar().addAdjustmentListener(new AdjustmentListener() {
public void adju
浏览 0提问于2011-12-09得票数 2
回答已采纳
我有一个div ( position :div)，它的高度随内容的不同而变化。为了有一个自动滚动，我添加了overflow-y:auto并分配了一个固定的高度。
有没有办法自动设置div的高度，以便当浏览器空间改变时，div的高度也会相应地改变，如果没有足够的空间，滚动条就会出现，当有足够的可用空间时，滚动条就会消失。
浏览 1提问于2011-05-18得票数 1
我正在使用iPad (移动safari)：
问:有人知道如何隐藏iPad上的滚动条吗？
我已经使用：：- webkit - scrollbar查看了webkit滚动条的样式...这不适用于主窗口滚动条。
场景:我在一个超过10000px×10000px的div中有一个重复的图像。我希望用户能够滑动屏幕在这个巨大的div上移动，这本质上是一个大图像，而不显示滚动条。
所以我需要滚动条的功能，我只需要它们被隐藏。
有什么建议吗？
感谢您的帮助！-slwd
浏览 1提问于2011-03-25得票数 5
1回答
技术: ExtJS 5.1.1面板和栅格，MS表面触摸设备，主要是铬。
在移动设备或tablet上呈现页面时，浏览器中的一种常见行为是隐藏滚动条，除非要使用滚动条、使用鼠标滚轮、在触摸屏上使用两个手指等等。我猜这样做是为了节省小屏幕上的空间。
我们开始在MS Surface触摸设备上遇到这个问题，网格和面板上的滚动条没有响应，用户无法使用触摸功能或鼠标滚轮上下滚动任何内容。
我们正在尝试强制滚动条总是出现，看看这是否有帮助，但我们还没有任何机会迫使它们出现。
控制台中没有JS错误。
任何关于如何处理这个问题的建议都将不胜感激。
谢谢
浏览 2提问于2019-03-12得票数 0
除非我点击刷新，否则滚动条不会加载。我假设这个问题可以使用jQuery移动的pageinit来修复。这是我尝试过的：
$('#summaryPage').live('pageinit', function(){
$.getScript('cubiq-iscroll-bad88fb/src/iscroll.js');
});
没有骰子。有什么想法吗？
浏览 1提问于2012-12-14得票数 1
回答已采纳
我的index.html页面中有两个div，通过选择div并将内容注入其中(使用jQuery)，在每个div中加载不同的内容。所以我得到两个div，每个div有一个水平滚动条来显示它的内容。我要做的是同步两个滚动条，如果可能的话，两个div只有一个滚动条。
提前谢谢你的回答，如果我在英语上出了错，很抱歉，因为这不是我的母语。
浏览 0提问于2014-12-11得票数 0
回答已采纳
我有一个fullpage.js站点设置。第一部分没有scrollOverflow，但是第二部分是一个网格(使用gridify生成)，它需要(在某些屏幕大小上)成为一个可滚动的部分。
问题是它拒绝滚动。但是，如果我调整窗口的大小(即使是任何方向的单个像素)，那么该部分将出现fullpage.js滚动条。
有人知道为什么fullpage.js会这样做吗？而且，在不手动调整窗口大小的情况下，如何使滚动条出现在该部分中？
值得注意的是，我已经能够使用fullpage.js示例页面对scrollOverflow进行同样的操作。这是设置正确的。然而，我还没有弄清楚为什么它在那里工作，但不是在我的原始页面！
浏览 3提问于2014-11-18得票数 3
回答已采纳
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回答
我是android的新手，找不到任何合适的方法来使画布可滚动。我已经搜索了很多，但没有人给出一个完整的概述，实际上要做什么。只是模糊的想法和不完整的代码示例。任何帮助都将不胜感激。我已经扩展了from滚动视图，并在画布上绘制了一个大于屏幕尺寸的png图像。滚动条确实会出现，但随后会逐渐消失&不会滚动。我遗漏了什么？
浏览 2提问于2012-04-27得票数 1
2回答
我有一个场景，如果我在Div块之外的任何地方单击，我就会隐藏该div块。
我正在使用Internet explorer并测试应用程序。如果没有滚动条，我的代码可以正常工作。如果div块上有滚动条，那么当我单击滚动条时，它会认为滚动条不是div的一部分，并且会隐藏div块。我试图保持div块打开，即使用户单击滚动条并执行滚动操作。
var $container = $(".toolbarBlock");
$(document).mouseup(function (e) {
if (!$container.is(e.target) // if the targe
浏览 3提问于2014-09-18得票数 8
回答已采纳
我正在尝试在css的react js中创建一个小的scollbar，它只在像这样的滚动条中工作-width: thin；但react不支持"-“，所以我使用了下面的代码，但它不起作用滚动条出现了，我不能使用内联或类样式 const styles = {
module: {
height: "30rem",
overflowY: "scroll",
scrollbarWidth: "thin", // this doesnot work
},
}
浏览 15提问于2021-10-13得票数 0
我目前有一个1行的div，它没有滚动条，但可以滚动。当我用鼠标滚轮滚动时，它会从上到下滚动，但我想让它从左向右滚动。
我想我知道如何使用iframes，但是有没有可能不使用iframe呢？
Jsfiddle：
谢谢!
浏览 0提问于2011-07-30得票数 0
回答已采纳
1回答
我的站点中有一个包含多个项目的导航。根据屏幕大小，许多项目可以脱离屏幕，用户可以滚动通过。
我有一个问题，在IE中，滚动条出现在屏幕上，我无法隐藏它不失去滚动效果。
有什么想法吗？
我用下面的铬来隐藏滚动条
::-webkit-scrollbar {
width: 0px;
background: transparent;
}
我做了个js摆弄我的代码。
浏览 1提问于2020-11-16得票数 0
回答已采纳
我正在尝试创建一个简单的画布，它可以伸展以完全填充视口，但我不希望出现滚动条，如果我试图使用window.innerWidth和window.innerHeight在JS中调整画布的大小，就会出现滚动条。
注意:我不想在CSS中调整画布的大小，因为根据我的理解，CSS将画布视为img，而实际上并没有拉伸画布的分辨率。
这就是发生的事情：
这是代码: css：
html,
body {
height: 100%;
width: 100%;
margin:0;
padding:0;
}
/*canvas*/
#bg {
background: #
浏览 4提问于2018-12-10得票数 1
我真的有一个问题，我做了一个研究，但什么也达不到。
我有一个管理面板，有一个文本区。Textarea由一个javascript html面板组成。
但是当我输入单词时，没有出现滚动条，并且文本区域到达了它的边界
我真的很困惑我该怎么做？滚动条在哪里？
你可以在这里下载我的js。
浏览 1提问于2012-02-11得票数 0
我将非常感谢您的帮助，您知道:我正在尝试获得一个构建编辑器的qooxdoo小部件。您可以在上检查我的测试代码
qx.Class.define("MdEditor", {
extend: qx.ui.core.Widget,
construct: function() {
this.base(arguments);
this.addListenerOnce("appear", this.__appearRenderer, this);
},
members: {
__appearRenderer: function()
浏览 1提问于2016-11-11得票数 1
回答已采纳
我想..。好吧，看看答案框。这就是我要寻找的行为-滚动条出现在文本溢出上，但用户可以手动调整大小。
我的问题是，是否可以用CSS来做这样的事情呢？用我目前的设置，最初div是小的(小于最大高度)，我可以调整它的大小，但只在当前文本高度和最大高度之间。当插入更多的文本并出现滚动条时，我根本无法更改它的大小。
CSS
element.style {
resize: vertical;
max-height: 200px;
overflow: auto;
padding: 10px;
}
更确切地说，我希望发生以下情况：
如果文本的高度较小，则定义最大高度，则元素
浏览 4提问于2017-02-16得票数 0
1回答
滚动条继续在jstree中滚动。
、、、、
在jstree插件和jquery的帮助下，我将一组数据显示为树。
数据在树结构中显示得很好。在展开树中的最后一个节点时，滚动条出现在div块的右侧。
问题:但是，如果我在树中使用鼠标在滚动条上导航，滚动条将继续向下滚动，而不会向上滚动。
我已经到了绝境，原因是什么呢？我正在使用浏览器。
请帮帮忙。
样本代码如下：
css：
.myScrollableBlock {
display: block;
height: 170px;
overflow: auto;
}
.jsp：
<div id="myTreeDiv" class="myScrollableB
浏览 16提问于2014-09-12得票数 6
回答已采纳
1回答
我用css溢出property.In做了一个例子。这个例子我遇到了一个溢出滚动条的问题。滚动条出现了，但是不工作意味着每当移动光标到滚动条时，滚动条是不活动的。我不知道这一点，所以请帮助me.And 单击滚动条的底部边缘，然后它工作，否则不工作。
CSS Code :
thead, tbody
{
display: block;
}
tbody
{
width:750px;
height:400px;
overflow-y:scroll;
}
在这里，我已经更新了表行，这意味着在js的帮助下，tbody是动态的。
HTML Code :
<div id="tab
浏览 5提问于2014-01-04得票数 3
2回答
滚动条需要一些时间才能出现
、、、、
我发现JS已经准备好在移动网站上使用滚动条了：
我的列表在输入中填满了自动补全。
需要几分钟才能显示滚动条。(有时几分钟后显示，有时根本不显示)
直到我尝试向下拖动时它出现，列表才会跳起来
有人知道为什么会发生这种事吗？
我的JS：
myScroll = new iScroll('wrapper');// **in Document.ready**
我的HTML：
<div id="wrapper">
<ul class="Result" data-role="listview" dat
浏览 5提问于2013-01-01得票数 1
回答已采纳
下面是我的代码：
$("#ticker-wrapper").rssfeed("http://news.hse.gov.uk/feed/", {
limit: 5,
linktarget: '_blank',
titletag: 'p',
snippet: false,
header: false,
date: false,
content: false
});
$('#js-news').ticker({
controls: false,
t
浏览 2提问于2011-05-06得票数 0
回答已采纳
1回答
我正在尝试做我的第一个铬扩展，我希望我的扩展只出现在特定的页面上，所以我正在使用page_action。
manifest.json
{
"name": "First",
"version": "1.0",
"manifest_version": 2,
"description": "First extension",
"page_action": {
"default_icon": "
浏览 3提问于2012-12-29得票数 1
回答已采纳
我在我的博客中使用进行语法突出显示，博客托管在blogger上。我的问题是，我看不到滚动条出现在我的预格式化代码块周围，即使代码太宽，无法适应指定的宽度。我使用以下命令格式化代码块：
<pre class="prettyprint lang-java prettyprinted" style=""> <code>public class MyVeryVeryLongClassname extends MyBaseClassWithAnEvenLongerName implements AnInterface, AnotherInterfa
浏览 5提问于2012-12-19得票数 11
回答已采纳
因此，我有一个相册婚礼网站，我正在做的，一切似乎都很好，除了我有三个画廊。
1)是一个给我的问题，我有一个普通的lightbox blueimp图像，每当一个图像被点击，滚动条被隐藏(这对我来说没问题)，但是当按ESC或X键时，滚动条不会重新激活。
如果我使用blueimp Gallery.js，滚动条就会出现和消失。但第二个视频画廊上的视频根本不再播放。如果我使用blueimp Gallery.min.js(最小版本)，视频显示为一个carousel，但是滚动问题又开始了。
除了disablescroll：!0到!1或hidePageScrollbars：!0到！1之外，我还需要做什么调整吗
浏览 3提问于2015-06-30得票数 0
我正在尝试使用Ruby 2.7.1和Rails 6.0.3.2构建一个web应用程序。在页面上，我希望当用户单击按钮时出现html弹出窗口。我有一些普通的JS代码，它只是在用户单击按钮时从popover div中删除一个is-hidden类，从而使popover可见。 app/javascript/packs/project.js:
document.addEventListener('turboLinks:load', function () {
const createProjectButton = document.getElementById('cr
浏览 31提问于2020-07-23得票数 0
在这件事上我真的需要帮助。我想用"perfect scrollbar“替换iframe上的默认滚动条。我已经下载了完美的滚动条。我还将所需的文件包含到我的html文档中。根据文档，我在iframe中设置了内容容器的样式。结果是，当我加载主页并在iframe上移动鼠标光标时，会出现"perfect- scrollbar“，但默认的滚动条保持不变。下一个问题是，新的滚动条根本不起作用。它从iframe内容的顶部开始，在iframe内容的底部结束，所以我不能滚动它。
我的iframe内容页面的HTML：
<html xmlns="http://www.w3.org/19
浏览 8提问于2014-03-14得票数 2
2回答
从表中删除行时会出现问题。
这是我使用的JS代码，如果有任何帮助的话。
function rem(el) {
while (el.nodeName !== "TR") {
el = el.parentNode;
}
el.parentNode.removeChild(el);
}
这张桌子是这样建造的：
<tr>
<td>
<span onclick="rem(this);"></span>
</td>
</tr>
当表超过浏览
浏览 6提问于2012-03-07得票数 0
回答已采纳
我使用了一个免费的bootstrap模板，我想知道如何在firebug中找出加载了哪个外部js文件并运行该脚本。让我解释清楚。假设有一个脚本，当你将鼠标放在滚动条上时，它出现了，当你离开时，它消失了。我想设置它总是出现。那么，我如何知道哪个外部js文件可以做到这一点，然后对其进行修改呢？
浏览 0提问于2016-02-29得票数 0
我在页面上有一个容器，它有一个巨大的溢出-x。在iPad上，用户可以简单地向左滑动，就像他们在页面向下滚动时所做的那样。
在PC上，滚动条是可见的，这样用户就可以左右滚动。
然而，在安卓系统上，没有滚动条出现，我也不能像在iPad上那样向左滑动。
这里需要一些特殊的CSS和JS吗？有人知道为什么会这样吗？
浏览 2提问于2012-09-10得票数 1
回答已采纳
1回答
我有一个脚本，我需要在我的页面上测试滚动功能。我有两个滚动条，一个用于浏览器窗口，另一个用于我的网格，我在其中实现了无限滚动。我正在测试浏览器窗口滚动，如下所示：
(async () => {
const innerWidth = await page.evaluate(_ => { return window.innerWidth} );
const innerHeight = await page.evaluate(_ => { return window.innerHeight} );
const mouse = page.mouse
浏览 0提问于2018-01-11得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
