React元素中没有溢出的鼠标滚轮/滚动事件(图片缩放)

文章/答案/技术大牛

发布

1回答

如何防止鼠标滚轮事件的默认操作

javascript、jquery、d3.js

我正在构建一个d3.js条形图，它将允许我在x轴上滚动，方法是将具有固定宽度和高度的svg元素包装在具有溢出属性的较小div中。呈现条形图的页面有一个默认的缩放事件，该事件在您使用鼠标滚轮时触发。因为我想使用鼠标滚轮在我的条形图中滚动，所以我试图通过在代码中包含以下语句来停止

浏览 3提问于2013-10-26得票数 0

1回答

javascript、css、reactjs

可以在没有滚动条/溢出的react元素上注册onScroll事件吗？我希望创建缩放与鼠标滚轮滚动的图片。={{position: "relative", width: "100%", height:"100%"}} onScroll={ () => console.log("T

浏览 62提问于2021-06-15得票数 1

回答已采纳

1回答

使用vb.net在表单中滚动问题

vb.net、events、scroll

我有一个表单，在那个表单中有一个拆分的容器。在其中一个面板中，有一个带有图像的picturebox。我使用鼠标滚轮来增大和减小picturebox的大小(也就是缩放图像)。当picturebox变得大于面板可见区域时，它会创建V和H滚动条，这就是我想要的。我遇到的问题是，滚动条在我的图像缩放的同时滚动，有时面板滚动</

浏览 5提问于2012-09-21得票数 0

2回答

Javascript Opera -暂时关闭文档正文滚动

javascript、events、scroll、opera

我有一个图片查看器，它使用鼠标滚轮来缩放。除了在Opera中，轮子首先滚动页面，然后触发轮子事件，这是不可取的(因为现在图片已经在页面上或向下移动)。因此，我想在查看器处于活动状态时关闭body滚动。应该不会太难，对吧？

浏览 2提问于2011-06-27得票数 0

回答已采纳

1回答

防止react-virtualised表格无限滚动鼠标滚轮事件滚动整个页面

infinite-scroll、react-virtualized

在大的内容页面中使用react-virtualised table和infinite scroll时，如果用户滚动到表格的底部，而下一组数据尚未完成加载，鼠标滚轮事件就会上升到窗口，并且窗口会继续滚动通过表格有没有办法截获鼠标滚轮事件来调用preventDefault？这可以检查用户是否在表的底部，以及是否要防止冒泡。onScroll属性提供了一些信息，但

浏览 19提问于2017-12-20得票数 0

2回答

在元素后面处理鼠标事件

javascript、events、mootools、mouse

我正在使用Mootools实现一个拖放界面，其中创建了被拖动元素的重影副本，并使用鼠标四处移动。我希望用户能够在按住这个重影元素的同时使用鼠标滚轮进行滚动。问题是重影本身正在吸收鼠标滚轮事件，导致它不能滚动它后面的页面(在本例中，是一个带有滚动条的特定div )。在Firefox中，我修复了这个问题，对重影应用

浏览 1提问于2011-08-24得票数 0

回答已采纳

3回答

事件之前(而不是之后！)DOM元素在javascript中滚动

javascript、html、events、scroll、mousewheel

基本上，我想在滚动DOM元素之前做一些预处理。问题是scroll事件是在滚动DOM元素之后触发的。我知道当您使用鼠标滚轮滚动时，鼠标滚轮滚动事件会在DOM元素滚动之前触发，尽管它没有为您提供预期的滚动位置，而且它只是一种滚动类型。我想知道是否有任何事

浏览 1提问于2011-05-13得票数 9

回答已采纳

2回答

Iframe窃取鼠标事件

javascript、html、css、internet-explorer、firefox

我在一个网站上使用了一个Javascript scroller类，它可以无缝地将滚动条添加到页面上所有内容溢出的预定义元素中。客户最近要求这些元素中的一个包含iframe，这样他们就可以轻松地向该区域添加交互式内容。(我知道我知道，iframes，但我是这项工作的分包商。没有太大的拉力。)幸运的是，iFram的内容是从相同的域中拉出的</

浏览 0提问于2012-03-29得票数 0

回答已采纳

3回答

捕获滚轮事件

javascript、mouseevent

我想要捕获当用户在页面不能滚动/不可滚动的情况下滚动滚轮时的事件。然而，标准的JS scroll事件仅在浏览器实际滚动时触发，并且不会触发样式为溢出隐藏的DOM元素。谷歌地图的滚动缩放就是我正在寻找的行为类型的一个例子。有谁知道如何完成这样的事情

浏览 1提问于2012-11-08得票数 6

回答已采纳

4回答

如何禁止画布元素在滚动页面时劫持鼠标滚轮？

javascript、html、html5-canvas、chart.js

在HTML5中(我想？)，当鼠标悬停在画布元素上时，页面上的画布元素会中断滚动。我使用Chart.js生成了一个页面，该页面上有许多图形，所有这些图形都呈现在一个元素中。由于页面非常长(垂直)，用户通常会向上/向下滚动页面以查看各种图形。每次滚动到a上时，他们都必须用鼠标向外滚动才能继续滚动，这是不方便的。有没有办

浏览 52提问于2017-06-12得票数 3

回答已采纳

1回答

MouseWheel:滚动与缩放

silverlight、silverlight-4.0、mousewheel

我有一个Silverlight4自定义控件，它基本上是包装在ScrollViewer中的几个画布元素。用户可以设置一个属性，以确定在使用鼠标滚轮时是滚动还是缩放。在自定义控件的MouseWheel事件中，我检查它们是否要滚动或缩放。如果缩放，我确定增量并修改自定义控件的缩放级别(然后由它为我处理缩放代码)。问题

浏览 0提问于2010-04-28得票数 0

回答已采纳

1回答

在flex中像地图一样缩放图形

apache-flex、actionscript、zooming、mxml

我试着在flex中像地图一样缩放我的图形，但我所做的一切都是通过HSlider缩放。你能给我解释一下如何像谷歌地图一样缩放我的绘图吗？下面是我的缩放代码:我的缩放函数： {{ }

浏览 1提问于2013-03-18得票数 0

1回答

调整由鼠标滚轮触发的Cytoscape.js中的缩放比例

javascript、cytoscape.js

问题是我想调整zoom事件接收到的鼠标滚轮触发的缩放比例。现在当我向前或向后滚动时，缩放的增加或减少比预期的要多。导致糟糕的用户体验...我在文档中找不到如何实现或设置此比例值...我知道轮子灵敏度是可配置的，但不建议设置。有没有办法确定如何在每个滚轮滚动中进行缩放？

浏览 127提问于2020-10-15得票数 2

回答已采纳

2回答

如何在jQuery中检测鼠标向下滚动？

jquery、mouseevent

我使用的是jQuery 2.0.2。我可以通过使用鼠标滚轮来检测向上滚动如何检测鼠标向下滚动？

浏览 2提问于2013-06-15得票数 1

回答已采纳

3回答

如何使Google Maps自定义覆盖对象的行为类似于InfoWindow？

google-maps、overlay

我对InfoWindow唯一的问题是，我没有办法自定义它的外观(即气泡，而不是它的内容)。看起来唯一的方法就是做我自己的覆盖和样式。但这给我带来了一些问题，比如不能选择文本(将鼠标拖到这个覆盖图上只是平移地图)或滚动(如果覆盖图有一个带有溢出文本的div，则滚动会导致地图放大或缩小，单击滚动条将滚动，但同时会平移地图)。我目前正在捕捉mouseover和mouse

浏览 0提问于2009-02-10得票数 2

1回答

图像滑块需要在滚动事件上工作

javascript、jquery、flexslider

我正在尝试创建具有缩略图导航的垂直图像滑块，这也可以在鼠标滚轮上工作。我已经用"jquery flexslider“插件实现了这个滑块。现在我需要的图像滑块应该在“滚动”和导航工程相应的工作。请检查附件中的图片是否符合预期结果。滚动应识别滑块容器并滑动图像。一旦完成所有的图像，它应该滚动页面的其余部分。

浏览 1提问于2016-03-23得票数 0

1回答

使选项卡页不处理鼠标滚轮事件(C#)

c#、mousewheel、tabpage

我已经制作了一个在TabPages中使用PictureBoxes的MDI (选项卡式)应用程序。picturebox有时比选项卡页大，因此会出现滚动条。它是使用Windows Forms用C#编写的。在我的标签页中，我在MouseWheel事件中捕获和处理鼠标滚轮事件(我使用它来旋转我在图片框中绘制的一些对象)。但当我有滚动条时，当我旋转<em

浏览 1提问于2009-08-29得票数 0

回答已采纳

1回答

滚动条“鼠标滚动”事件

javascript、jquery、events、scroll

如何在滚动条(overflow:scroll div)上捕获滚动事件？如果我做了$(selector).on('mousewheel DOMMouseScroll', function (event) {}，它会捕获鼠标滚动，但是在这里如何捕获鼠标，点击滚动条并移动滚动事件不同的是:如何同时捕获鼠标滚动和鼠标单击滚动事

浏览 3提问于2014-05-02得票数 0

回答已采纳

1回答

元素仍然滚动窗口的javascript addEventListener“轮子”

javascript、addeventlistener

divOverlay.style.visibility = "visible";缩放它处理来自鼠标轮的事件，并缩放图像，包含在“覆盖”中。问题是，鼠标轮事件也会导致整个浏览器窗口的滚动。我希望鼠标

浏览 2提问于2017-08-22得票数 2

回答已采纳

2回答

jquery.mousewheel.js iPhone滚动

javascript、jquery、iphone、events、mousewheel

我正在创建一个web应用程序，它使用插件来检测用户的鼠标滚轮，然后在两个部分之间滚动。 body元素也被设置为overflow:hidden，所以我无法检测到滚动事件。它在桌面上工作得很好，但我在iPhone上试过，它根本不会触发鼠标滚轮事件。那么，在我正在使用的插件中，有没有什么附加功能或者我可以监听的替代事件，可以在用户尝试

浏览 0提问于2013-07-16得票数 1

点击加载更多

如何防止鼠标滚轮事件的默认操作