Reference
我已经创建了一个web应用程序，在其中我需要scrollTop的值。更改溢出属性时，我知道Y轴滚动是从index.js文件中发生的。X轴中的滚动条发生在由me创建的子组件中，其父组件在App.js中呈现。
我已经在index.js中创建了滚动事件处理程序。这是只被触发的X轴滚动，这是发生在子组件，而不是触发Y轴滚动。
有人能帮我得到scrollTop值吗？
文件夹结构：
index.js (Y轴滚动条是由于这个javascript文件而形成的，我需要通过滚动它来获得scrollTop值，在这里创建的滚动事件不会触发)
App.js
组件文件夹
|
|
co
浏览 3提问于2020-11-11得票数 0
3回答
我想做一个自定义的水平滚动条，以便所有的操作系统呈现它相同，没有丑陋的窗口滚动条。
我知道如何通过JS使用一些带有scroll top的分区来创建一个，但我需要隐藏默认的滚动条，但保留overflow，这样我仍然可以检测onscroll事件(所以OSX触摸板、鼠标轮等上的手势都是为我处理的，并触发onscroll回调)。
想法？
浏览 7提问于2011-12-11得票数 4
回答已采纳
2回答
如何停止固定标题重叠滚动条
、、、、
我目前正面临一个问题，我的固定100%宽度的标题重叠滚动条。我需要的溢出-x:隐藏，因为我有CSS动画飞进来，并导致水平滚动条。
这是JS Fiddle代码：
非常感谢您的帮助。
浏览 2提问于2020-03-29得票数 0
因为我的站点上有几个皮肤上的选择框，所以我使用dropkick.js，它实际上用交互式div替换了选择框。如果列表大于最大高度，则溢出自动生成滚动条.它在Firefox、Chrome和Safari上运行得很好。
在Windows8+ IE9 & IE10上会出现一个滚动条，但是当我单击或尝试拖动它时，div会隐藏！
我只在一个引导UI组合框上发现了一个稍微类似的问题，但是这个脚本对我来说不起作用，因为dropkick.js不使用引导，而修改脚本也不能解决这个问题。
我希望它能在div上与stopPropagation修复，但在这方面也没有任何进展。尝试-ms-溢出样式:滚动条，但这
浏览 7提问于2013-09-11得票数 0
回答已采纳
2回答
我在我的网页上使用jquery malihu自定义滚动条。然后我嵌入了截取的谷歌分析代码。有时(可能10次中有4次) Analytics.js需要40秒才能加载。滚动条脚本是必不可少的，没有它网站看起来很丑陋，但这个滚动条脚本是在加载页面后执行的。但是页面在40秒后才会加载(因为analytics.js的原因)，所以40秒看起来很糟糕。analytics.js不是异步加载的吗？那么，为什么它会阻止页面正确加载呢？
它看起来是这样的：
<!DOCTYPE html>
<html lang="de">
<head>
<!--
浏览 0提问于2015-11-20得票数 0
我在我的网站中添加了自定义滚动条，它不会更新window.scrollY，我的图片也不会淡入。我的代码是：
<link rel='stylesheet' href='Style/jquery.mCustomScrollbar.css' type='text/css' media='all' />
<script type='text/javascript' src='Js/jquery.mCustomScrollbar.concat.min.js'></script&g
浏览 1提问于2014-03-19得票数 0
好的，使用overflow:hidden;，页面不滚动，也不显示滚动条。
我想要实现的是禁止身体滚动，但显示滚动条，喜欢使滚动条静态/禁用，而不必隐藏它们。
我需要使用户能够在一个模式内滚动，但同时，他不应该滚动页面，同时滚动模式。
有可能不隐藏身体滚动条吗？
非常感谢，我有麻烦了，我无法得到一个像样的代码:/ /我的js看起来像这样(但是这隐藏了身体滚动条，我无论如何都想展示它们:/ )
function blockScrolling(){
var scrollPosition = [
self.pageXOffset || document.documentEl
浏览 8提问于2013-07-27得票数 0
回答已采纳
1回答
在画布上实现垂直滚动
、、、、
我尝试在HTML5画布的大背景上实现一个带有触摸平移事件的垂直滚动条。我使用hammer JS来识别平移手势：
当我移动背景的y轴时，它工作得很好，但我想重现IOS或Android滚动的原生scoll效果。
有没有什么库或者简单的JS可以做到同样流畅的效果呢？
谢谢！
浏览 0提问于2014-12-01得票数 1
1回答
众所周知，scroll事件可以通过使用鼠标滚轮、单击滚动条箭头或使用window.scrollTo(left, top)函数动态触发。
是否可以确定是什么原因导致scroll事件触发？是用户干预还是JS代码？
浏览 0提问于2011-08-09得票数 9
回答已采纳
我在一个aspx页面上设置了一个简单的jquery overlay。相关代码如下：
<img rel="#1208" src="/images/testsmall.png" />
<div class="simple_overlay" id="1208"><img src="/images/testlarge.png" /></div>
使用jquery库：
http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.
浏览 0提问于2013-03-22得票数 0
回答已采纳
我正在构建一个具有以下所需行为的动态滚动条形图：
图表的初始视图应包含以下滚动条的完整数据中指定的(常量)观测量。
在滚动到几乎结束栏，一些新的数据应该自动包括到图表中，而不需要重新呈现。换句话说，新的数据应该添加到图表中，而不是在整个数据上重新呈现图表。
这个过程应该继续进一步滚动，给人无限滚动条形图的感觉。
Y轴尺度在整个过程中应该保持不变.
我对d3.js相当陌生，对如何构建滚动条形图和构建无限滚动列表(使用jquery)有基本的了解。然而，我想不出如何：
如何根据新的加载数据更新x轴比例。
d3.js对此是否有效(考虑到我需要输入~ 10-100k数据点
浏览 1提问于2018-02-23得票数 1
回答已采纳
我正在尝试将插件(它提供一个漂亮的滚动条而不是浏览器默认的滚动条)添加到jQuery UI selectmenu中。
这是
当我打开selectmenu时，滚动条不会出现(即使我将列表悬停)，直到鼠标靠近列表的底部(这意味着，当您第一次打开选择菜单时，它会让人感觉没有其他项目，因为滚动条不存在)。
知道我能怎么解决吗？
HTML
<select name="number" id="number">
<option>1</option>
<option selected="selected&
浏览 10提问于2015-07-10得票数 0
1回答
我正在开发一个HTML5应用程序，我正在寻找一些JS库来处理canvas元素上的输入，既适用于桌面平台，也适用于移动平台(否则，HTML5的意义何在？)
基本上我需要拖动形状，因为它是一个类似绘图的应用程序，而且拖动也用于在画布中导航(这是因为它对移动更友好-它们没有滚动条)。如果它也支持按压缩放，那就更好了
我知道kinetic.js和类似的东西，但他们似乎有单独的移动和桌面程序库
浏览 3提问于2011-12-22得票数 0
回答已采纳
2回答
对于基于内部内容(如gridstack.js )的每个grid-stack-item height，是否有任何选项可以使用image。
在我的场景中，每个images都有不同的高度，因此在卡片上没有正确显示。
它在grid-stack-item中提供滚动条来查看图像，这是错误的。
任何选项或解决办法或其他JS插件/库，将限制固定高度基于任何因素。
电流行为
期望行为
高度将基于宽度为100%，因此图像aspect ratio保持不变。
浏览 0提问于2018-08-16得票数 2
回答已采纳
我正在尝试将select2(4.0.2)和mCustomScrollbar(3.1.13)库结合起来，以拥有带有自定义滚动条的自定义下拉列表。
这是。
$(document).on("select2:open", "select", function() {
$('.select2-results').mCustomScrollbar({
mouseWheel: true,
advanced: {
updateOnContentResize: true
}
});
});
主要的问题是鼠标滚轮滚动。只有当您将
浏览 6提问于2016-03-18得票数 0
我有一个滚动条，如果我向右滚动，我希望滚动条将txtRangeSpread textbox的值改为10，如果向左滚动，我希望滚动条将textbox的值改为-10。
我能这么做吗？
浏览 0提问于2013-06-24得票数 2
回答已采纳
我需要检测拖动我的网站滚动条上的鼠标移动，这允许我检测用户不活动。
拖动滚动条时，不会触发鼠标移动事件。
不能在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
1回答
我有一个非常恼人的问题与自动完成与原型1.6。我设置和对话框样式的div与一个窗体，其中包含一个自动完成.在我单击滚动条或拖动滚动条之前，一切都很正常；它关闭了建议列表。我检查了这个，但是现在我得到了一个javascript错误
event.srcElement未定义
我正在检查controls.js，并试图在onBlur事件中捕获事件对象，但它是空的。打印offsetX属性，且未定义。看来这个事件已经不存在了。无论哪种方式，它都会阻止列表关闭，但是，如果我单击区域外，列表现在不会关闭。这也是个问题
有同样问题的人吗？有什么想法吗？
提前感谢
浏览 3提问于2011-12-12得票数 0
有没有人知道什么jQuery插件或JS脚本可以处理鼠标滚轮/滚动条拖动页面滚动，允许你在滚动完成(回调)后调用任何函数？
Nicescroll似乎是一个非常好的解决方案，只是它不提供任何回调
谢谢。
浏览 4提问于2012-11-10得票数 2
回答已采纳
1回答
我最近在一个项目中使用了jQuery自定义滚动条。我有一个带有滚动条的主div和另一个带有滚动条的小div。每当我滚动小div时，当滚动条遇到内容的末尾时，它会触发主div滚动。如何防止在滚动小div时滚动主div？
干杯。
浏览 16提问于2018-08-10得票数 0
请参阅
CSS：
html {
height: 100%;
overflow-y: hidden;
}
body {
height: 100%;
overflow-y: auto;
}
JS：
$('body').bind("scroll", function () {
if ($('body').scrollTop()) {
console.log('triggered!');
} else {
console.log($('body').scrollT
浏览 1提问于2015-09-07得票数 5
我使用来自：的jquery自定义滚动条插件
如果我将代码和依赖项添加到我的header.php页面中，我可以在网页中使用这一点，如下所示：
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jqu
浏览 4提问于2017-01-06得票数 0
回答已采纳
在某些情况下，我的应用程序接收到一个对象数组，其中所有属性中的记录都为空值。在这种情况下，整行中的所有单元格都将为空。
在此方案中，datatable显示垂直滚动条。
在下面的示例中，scrolly被设置为'30vh‘。但是，对于只有2条记录，垂直滚动条正在显示。
有没有办法解决这个问题？提前谢谢。
var data = [];
for ( var i=0 ; i<2 ; i++ ) {
var record = ['','','','','
浏览 0提问于2018-04-24得票数 0
我不知道如何从组件中获取特定的滚动条。我的页面有多个滚动条，我希望使用特定的滚动条并更改其位置(scrollTop)。
我在div中显示一个滚动条的子组件中实现了这段代码(下面的打印屏幕)：
@HostListener('window:scroll', ['$event']) onScrollEvent($event: any) {
console.log(window.pageYOffset);
}
但出于某种原因，只有在更改父组件中的滚动条位置时，此事件才会触发。
浏览 2提问于2022-10-23得票数 0
回答已采纳
去链接-> 。
单击垂直滚动条的向下箭头。将显示选项(选项11将被高亮显示，垂直滚动条将位于底部)
不单击垂直滚动条的向上箭头。(不要使用鼠标滚轮)
在上升1级后，滚动停止。选项1至4不可见。(用鼠标拖动滚动条)
知道发生了什么事吗？与用于添加垂直滚动的css有关吗？
谢谢!
HTML
<select id="html-multi-chosen-select" multiple="multiple">
<option selected='selected' value="Options
浏览 7提问于2015-03-05得票数 2
1回答
如果在选定项区域内单击滚动条，是否有一种方法可以防止多重选择控件展开以显示项？
这里有一个“问题”的，至少我希望这不是理想的功能。我希望所选的项向下滚动/向上滚动，而不是在multiselect控件中公开可选择的项。
单击滚动条之前：
滚动条单击后：
浏览 3提问于2017-05-04得票数 2
回答已采纳
1回答
多个运动事件出现故障并混杂在一起
、、、、
我的代码中有3个独立的运动事件，2个用于在屏幕上动态放置对象，1个用于水平/垂直滚动条。
对象被放置在滚动条中，每当我尝试使用滚动条滚动时，它都会出错，(首先返回到x，y 0,0位置？)然后搬家。
当我删除我的一个对象(一个动态创建的充满独立对象的网格)的motionevent时，故障就消失了。
这让我相信运动事件变得混乱了。因为网格项附加了motionevents，这可能会使滚动条运动事件在“看到”它自己的motionevent数据之前相信x，y= 0,0？
将motionevents更改为click events无济于事..
有什么需要帮忙的吗？
浏览 1提问于2012-11-22得票数 0
2回答
我想重现一个类似于这个页面的效果：，垂直滚动条控制浏览器“视区”在预定义路径上的前进。
我认为最简单的方法就是使用javascript来读取滚动条值并相应地定位背景元素。
可以在Javascript中获取垂直滚动条值吗？我处理这个设计是不是错了？
浏览 0提问于2011-10-03得票数 4
回答已采纳
正如标题所述：
我想知道ListView中滚动条的值，例如：
我知道的最小值=0 :)
滚动条的最大值
当前值(滚动条内的条的位置)
这个是可能的吗？
如何使它同时适用于iOS和安卓？
我试着用ItemAppear来获得ListView中的位置，但是我所能得到的只是一个项目的位置，而不是实际的滚动条位置，而对于ItemAppear，问题是如果我在列表中有大的图像，那么我滚动1英里，但是在其他项目出现之前什么都不会发生。
浏览 0提问于2018-11-20得票数 1
回答已采纳
2回答
如何在每个滚动事件上实现自动滚动到下一节网页，但不排除带有香草JavaScript的滚动条。
我尝试使用jQuery动画功能、滚动功能和fullpage.js库，但没有成功。
浏览 18提问于2022-04-13得票数 -1
我正在运行以下小提琴
它使用一个简单的悬停触发器来显示内容
ul li:hover > ul
{
display:block
}
它会在悬停时创建一个下拉列表，如果有太多的项目，就会出现一个滚动条。
这在IE和Firefox中运行得很好，但我注意到，如果滚动条在chrome中被鼠标移过，它会在你滚动项目之前取消悬停状态。这在后来的Chrome浏览器中似乎是一个问题，就像在Chrome55中一样，它可以正常工作，但在Chrome56.0 (.2924)上就会发生这种情况。
我不想特别介绍JS来解决这个问题，我希望所有的东西都在CSS中管理。
有人能看到为什么这种悬停状态不被尊重的
浏览 16提问于2017-02-09得票数 0
回答已采纳
我想知道是否可以在Adobe AIR应用程序中自定义Javascript滚动条。AIR应用程序是基于HTML/JS的。我想有一些div和iFrames的自定义滚动条。我尝试了许多jQuery插件(反滚动，狮子棒等)，但都不起作用。我只能用CSS设置原生AIR滚动条的样式。
那么，Adobe AIR是否支持基于javascript的HTML block/ iFrames滚动条呢？
浏览 5提问于2012-12-18得票数 3
下面我有一个小型的基于js的模拟器，用于不同的命令工具。用户输入一个命令，如果输入正确，它会在顶部显示该命令。为了将来的使用，在完成模拟之前，我需要确保它可以处理所需的任意多个命令。这意味着我不可避免地会有内容溢出。
我现在的解决方案是将Y overflow设置为auto，添加滚动条，并添加一些jquery以使客户端始终滚动到输出div的底部，因为每次用户输入正确的命令时，内容都会附加到前一个内容的后面。
现在，除了我想删除滚动条之外，这一切都可以正常工作。我希望内容的行为方式和overflow auto一样，除了没有可见的滚动条。
有没有办法可以用jquery或javascript
浏览 0提问于2013-03-29得票数 16
回答已采纳
1回答
可以将水平滚动条绑定到时间轴上吗？我需要为visjs时间线实现一个水平滚动条。当时间线被拖动时，滚动条应该会自动更新，当我滚动时间线时，时间线应该会平滑地移动。
也许我可以使用moveRight和MoveLeft来模拟这种行为？
浏览 0提问于2016-04-20得票数 2
我不想使用任何jquery插件。我想使用原生滚动条并使用jquery，这样我就可以获得一个固定的滚动量。到目前为止，我需要在使用鼠标滚轮时使用jquery.mousewheel.min.js库来给出一个固定的滚动量，但在拖动滚动条或单击滚动按钮时却没有做到这一点。我得到了鼠标滚轮选项的代码：
function wheel($div, deltaY) {
var step = 30;
var pos = $div.scrollTop();
var nextPos = pos + (step * (-deltaY))
console.log("DelatY: " + deltaY
浏览 0提问于2016-03-07得票数 0
1回答
我想实现一个像Facebook一样的控件，用于自动将分页内容加载到具有自定义样式滚动条的DIV中。对于自定义的滚动条，我使用了jScrollPane插件，但是当这个滚动条到达底部时，我不知道如何侦听事件，以便将额外的html附加到这个DIV.有什么提示吗？
浏览 6提问于2013-01-30得票数 0
回答已采纳
1回答
带自动卷轴的光滑卷轴
、、、、
我在Windows窗体上有一个面板。专家小组启用了自动投币式。滚动条按其应有的方式显示，滚动条一般按其应有的方式操作。
但是，只有当鼠标按钮被释放时，面板的内容才会更新。如何在滚动条移动时使内容滚动。(我想复制大多数现代程序的滚动行为，比如文字处理器和网页浏览器.)移动滚动条和内容立即滚动。)
我正在使用C#，VisualStudio2008Pro和Windows .
浏览 3提问于2010-04-26得票数 3
回答已采纳
2回答
左侧的HTML元素滚动条
、、、
可能重复：
是否有一种使用css或js来显示左侧而不是右侧的元素滚动条的方法？我不需要跨浏览器的方式，我只需要在Firefox上使用。
浏览 9提问于2010-05-05得票数 2
回答已采纳
1回答
如何检测滚动条是否存在？
、、、
我需要一些持续检测滚动条的代码。如果找到一个滚动条，将额外的50 no添加到iframe的高度，然后重新运行代码，这样最终就不会有滚动条了。然而，我目前的代码不起作用。我将如何在HTML/CSS/JS中做到这一点？
页码：
<script>
iframeheight()
function iframeheight() {
alert('running');
var vs = window.innerWidth > document.documentElement.clientWidth;
if vs > 0 {
document
浏览 1提问于2020-05-28得票数 0
回答已采纳
我有一个在WPF的DataGrid。当我双击一行时，应该会执行对数据库的查询。
这个DataGrid有水平和垂直滚动条，我注意到当我快速单击其中一个滚动条的箭头按钮时，它会将查询发送到数据库。
问题是我使用的是数据网格的MouseDoubleClick事件，所以滚动条属于DataGrid，当双击滚动条时，就会引发此事件。
有没有办法只在双击DataGrid的一行时执行双击事件，而不是在双击部分滚动条时执行？
浏览 2提问于2012-07-27得票数 5
回答已采纳
如何使用鼠标右键单击滚动条滚筒
通常，当我们在滚动条路径上左键单击时，我们会移动到鼠标单击的位置，但是当我们右键单击滚动条时，它什么也不会做。
浏览 9提问于2021-04-12得票数 0
回答已采纳
我正在尝试让用户界面工作，如果他们使用鼠标轮，我需要让它以一种方式滚动，如果他们使用滚动条，则以另一种方式滚动，如果他们使用键盘，则以另一种方式滚动。我相信滚动轮和滚动条都是鼠标事件，但当单击滚动条时，我无法让javascript工作。
浏览 0提问于2010-11-27得票数 2
我有一个带有覆盖滚动条的textBox，我想用滚动条从文本框中更改值。假设您正在选择一种颜色，并希望使用滚动条的箭头抛出0到255。我怎么能这么做？
浏览 2提问于2021-01-27得票数 0
回答已采纳
我有一个带有滚动条的div。如果有人在滚动条上按下鼠标，我如何检测？
浏览 0提问于2010-12-02得票数 1
回答已采纳
我在我的hero right-col中有一个容器divs，它包含两个内部div。内部的div是粘性的，容器div是可滚动的，给人一种卡片向上滑动的错觉。
HTML：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewpor
浏览 0提问于2021-11-26得票数 0
1回答
我有一个带有可移动元素的div。在div中有一个带有滚动条的按钮列表。当我尝试拖动滚动条时，它只是在我的屏幕上拖动整个div。在这段代码中，我试图让moveable在单击滚动条(它是metL的一部分)时关闭。
我有"metId“，它位于div集合中的其他所有位置，可以继续拖动div。
暂停和恢复不起作用。
任何帮助解决这个问题的人都会很有帮助，谢谢。
浏览 2提问于2013-08-08得票数 0
在qt小部件QGraphicsView中，我希望检测鼠标按下、鼠标释放和鼠标移动事件。我从QGraphicsView派生了一个类，并重写了以下函数：
mousePressEvent(QMouseEvent *事件)
mouseReleaseEvent(QMouseEvent *事件)
mouseMoveEvent(QMouseEvent *事件)
现在，我几乎可以在任何地方检测到这些鼠标事件，除了滚动条所在的区域，滚动条是QGraphicsView的一部分。我希望能够捕获这些事件并手动移动滚动条。
编辑：
我试图在windows环境下模拟第二个鼠标发送WM_LBUTTOND
浏览 0提问于2016-02-18得票数 2
回答已采纳
4回答
我在一个页面中有一个垂直滚动的div，它也是垂直滚动的。
当使用鼠标滚轮滚动子div并到达滚动条的顶部或底部时，页面(正文)开始滚动。当鼠标在子div上时，我希望页面(正文)滚动被锁定。
很好地说明了这个问题。
在本质上与我的答案相同，但当滚动条消失并重新出现时，选中的答案会导致我的页面内容明显水平移动。
我想可能会有一个利用event.stopPropagation()的解决方案，但是不能让任何东西工作。在ActionScript中，这类事情可以通过在子div上放置一个鼠标滚轮处理程序来解决，该处理程序在事件到达body元素之前调用stopPropagation()。由于JS和AS都是ECM
浏览 3提问于2012-02-13得票数 16
回答已采纳
2回答
我在表单上有一个textBox和一个vScrollBar。我希望textBox有焦点，但是当它有焦点时，使用鼠标上的滚动按钮不会改变滚动条值。如果滚动条有焦点，我可以很容易地用鼠标滚动，但是在文本框中输入文本就不能工作了。有没有办法捕捉窗体上的所有滚动按钮活动并将其重定向到滚动条？
浏览 3提问于2013-08-02得票数 0
回答已采纳
1回答
我已经使用了一个水平滚动条，我想继续使用它，但是隐藏滚动条功能。我不能使用“溢出:隐藏”方法，因为这将破坏JS的功能。有什么方法可以满足所有现代浏览器的需求？
$j = jQuery.noConflict();
var $panels = $j('#primary > #main > article');
var panelLeftsArray = $panels.map(function () {
return ($j(this).position().left);
}).get();
var len = panelLeftsArray.length;
浏览 4提问于2014-03-01得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
