如何在Iframe中禁用鼠标滚轮滚动交互
在Iframe中禁用鼠标滚轮滚动交互可以通过以下几种方式实现：
- 使用JavaScript事件监听：通过在Iframe中添加JavaScript代码，监听鼠标滚轮事件，并阻止默认的滚动行为。具体代码如下：
var iframe = document.getElementById('yourIframeId');
iframe.addEventListener('mousewheel', function(e) {
e.preventDefault();
}, { passive: false });- 使用CSS属性：通过在Iframe的样式表中添加CSS属性，禁用鼠标滚轮滚动。具体代码如下：
iframe {
pointer-events: none;
}- 使用jQuery库：如果你在项目中使用了jQuery库，可以使用其提供的方法来禁用鼠标滚轮滚动。具体代码如下：
var iframe = $('#yourIframeId');
iframe.on('mousewheel', function(e) {
e.preventDefault();
});这些方法可以根据具体的需求选择使用，可以根据项目的具体情况来决定使用哪种方式。需要注意的是，以上方法只是禁用了鼠标滚轮滚动交互，其他鼠标事件仍然可以正常触发。
相关·内容
2回答
父页面上的EventListener -通过iFrame滚动块
jquery、iframe、fancybox
我在jQuery上遇到了一些iFrame事件侦听器的问题，我需要修复的代码部分是： function BlockScrollbar(e) {
e.preventDefault();
}
$.fancybox.open({
src: $(this).find("a:first").attr("href"),
type: 'iframe',
infobar: false,
toolbar: false,
beforeShow: function() {
document.addEventListener('
浏览 32提问于2021-07-15得票数 0
回答已采纳
3回答
滑动标签Jquery插件-如何禁用鼠标滚轮功能？
jquery、plugins、mousewheel、slidertabs
我使用的是滑动Tabs Jquery插件，它有鼠标滚轮滚动功能作为默认值。下面是我使用代码的ref url。
现在我不需要滚动鼠标滚轮了。我怎么才能禁用它？
我已经使用了下面的代码。
mousewheel : false,
tabsScroll: false,
但即使在安装了JQuery MouseWheel插件之后，它们也无法正常工作。有人能帮上忙吗？
浏览 0提问于2013-07-23得票数 3
回答已采纳
2回答
为什么在chrome中可以使用鼠标滚轮，而在firefox中不可以？
javascript、jquery、css
我目前正在使用CSS上下滚动弹出页面，只是使用鼠标滚轮，但我不能让它在FireFox中工作。由于某些原因，它目前只能在Chrome中使用overflow-x:hidden和overflow-y:auto；。
我尝试过使用jQuery的鼠标滚轮插件jquery.mousewheel.min.js来让页面在没有滚动条的情况下上下滚动，但是很遗憾，我不能让它工作。仅仅使用鼠标滚轮，Firefox还需要什么东西才能上下滚动页面？是CSS、Javascript还是jQuery？
HTML
<div class="test">
<div class="inn
浏览 11提问于2013-10-14得票数 1
5回答
是否停止Iframe阻止父文档滚动？
html、css、iframe
对于iframe和滚动，我的问题似乎与其他人相反。我需要的iframe (包含一个youtube视频)，以不阻止滚动的主要文件。如果我将鼠标悬停在它上面，页面将不会随着滚轮一起滚动，而且根据最新的铬金丝雀模拟触摸设备，我也不能将手指放在框架上并滚动主文档。有什么办法能阻止这一切吗？我的CSS如下：
.GalleryVideoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
width:95%;
margin:auto;
display:block;
}
浏览 5提问于2014-11-23得票数 25
1回答
如何用JavaScript在火狐中触发鼠标滚轮事件？
javascript、firefox、dom-events、mousewheel、dispatchevent
我正在尝试用WebDriver做自动化测试，但它目前没有模拟鼠标滚轮事件的能力。作为一种变通方法，我尝试使用JavaScript触发这些事件。我现在正在一个普通的超文本标记语言页面上进行实验，而不是在WebDriver框架中。
我特别想在滚动的div元素上触发一个鼠标滚轮事件。
到目前为止，我已经能够在Chrome和IE9上做到这一点，但我似乎无法在Firefox (5.x)上运行任何东西。
我正在使用下面的跨浏览器代码来检测鼠标滚轮事件何时被触发，这是我从网上获得的。当我在我创建的滚动div (id='view')中滚动鼠标滚轮时，此代码能够在所有浏览器中拾取事件。
<
浏览 2提问于2011-07-19得票数 20
回答已采纳
1回答
如何在chrome中启用鼠标滚轮？
javascript、mousewheel、preventdefault
当我滚动页面到特殊块时，我禁用了javascript的鼠标滚轮。我使用了很多方法，但它们都适用于firefox，而不是chrome。对于chrome，我用preventDefault找到了一个特殊的方法。但我不知道如何启用它们。代码如下：
const options = {
rootMargin: "-400px"
};
const observer = new IntersectionObserver(function (entries, observer) {
entries.forEach(entry => {
console.lo
浏览 8提问于2020-05-07得票数 1
回答已采纳
1回答
触发鼠标滚轮滚动事件-木偶演员
javascript、jquery、html、testing
我有一个脚本，我需要在我的页面上测试滚动功能。我有两个滚动条，一个用于浏览器窗口，另一个用于我的网格，我在其中实现了无限滚动。我正在测试浏览器窗口滚动，如下所示：
(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
2回答
Iframe窃取鼠标事件
javascript、html、css、internet-explorer、firefox
我在一个网站上使用了一个Javascript scroller类，它可以无缝地将滚动条添加到页面上所有内容溢出的预定义元素中。客户最近要求这些元素中的一个包含iframe，这样他们就可以轻松地向该区域添加交互式内容。(我知道我知道，iframes，但我是这项工作的分包商。没有太大的拉力。)幸运的是，iFram的内容是从相同的域中拉出的，所以一旦内容加载，我就可以调整iframe的大小，进而触发Javascript滚动条。最后，它在Chrome上运行得很漂亮。
在资源管理器和Firefox中，只要鼠标停留在iframe上，iframe似乎就会窃取鼠标事件。因此鼠标滚轮事件不再起作用。您仍然可以拖
浏览 0提问于2012-03-29得票数 0
回答已采纳
1回答
当我用鼠标向下滚动时，如何防止WordPress网站滞后？
javascript、jquery、wordpress、debugging
3年前，我用光谱主题为一个客户做了一个WordPress网站。昨天我查看了网站，发现有一种以前没有的新行为，当我用鼠标滚轮向下滚动时，滚动是跳动的。我有一个JS错误，说是[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive
我尝试将touch-action: none添加到CSS中，但是什么也没有发生。我也尝试添加window.addEventListener("touchstart", func, {passive
浏览 0提问于2021-11-10得票数 0
31回答
当内部元素滚动位置到达顶部/底部时，是否阻止父元素滚动？
javascript、jquery、scroll、event-bubbling、event-propagation
我有一个小的“浮动工具箱”--一个带有position:fixed; overflow:auto的div。工作得很好。
但当在该框内滚动(使用鼠标滚轮)并到达底部或顶部时，父元素将“接管”“滚动请求”：工具箱后面的文档将滚动。
这很烦人，而且不是用户“要求的”。
我正在使用jQuery，我想我可以用event.stoppropagation()来阻止这种行为：
$("#toolBox").scroll( function(event){ event.stoppropagation() });
它确实进入了该函数，但无论如何，传播都会发生(文档滚动)
在SO (和谷歌)上搜索这个
浏览 27提问于2011-04-27得票数 219
回答已采纳
2回答
可拖动/可滚动区域内的iFrame
javascript、html、css、iframe、javascript-events
我被困在寻找我的问题的解决方案。
让我们假设我们有固定大小的区域和滚动条。我们需要在里面放置一个iframe，这样我们就可以通过使用滚动条或拖动它来预览它。为了防止iframe捕获鼠标事件，我将绝对定位透明的div放在它上面。
<div style="" id="scrolling_container">
<div id="drag_div"></div>
<div id="frame_div">
<iframe id="page_iframe"
浏览 10提问于2015-09-21得票数 0
1回答
列表中的滚轮水平滚动:反向
jquery、css、html、mousewheel
我实现了以下代码，当我使用鼠标轮在水平列表上滚动时，代码工作得很好：
$('#wall_list_ul').mousewheel(function(e, delta) {
this.scrollLeft -= (delta * 70);
e.preventDefault();
});
问题是当我使用：
鼠标滚轮向上移动，我的列表从左到右滚动。和
鼠标滚轮向下滚动，我的列表从右向左滚动。
我想扭转这种行为:当我使用：
鼠标滚轮向上移动，我的列表从右向左滚动。
鼠标滚轮向下滚动，我的列表从左到右滚动。
我如何调整我的代码来做到这一点呢
浏览 3提问于2015-04-24得票数 0
回答已采纳
1回答
当我在被单击的元素外部单击时，如何删除添加到该元素的函数？
javascript、jquery、css、function、horizontal-scrolling
我有一个功能，添加鼠标滚轮水平滚动到选定的div。
我想在单击元素时将此函数添加到元素中，并在元素外部单击时将其删除。虽然不确定怎么做，但添加功能很好，但如果我在div之外单击，我不知道如何删除此功能(因此，即使鼠标在div内，水平滚动也不会发生)。
下面是我的jquery：
$mainDiv.on('click', function() {
$(this).find($scrollableContainer).horizontal();
});
响应水平滚动的函数(鼠标滚轮插件)：
$.fn.horizontal = function() {
$(t
浏览 0提问于2014-12-06得票数 2
1回答
鼠标滚轮平滑滚动滚动条问题
javascript、css、scrollbar、smooth-scrolling
我一直在摆弄一个纯javascript的解决方案，当你使用鼠标滚轮时，可以平滑地滚动，我偶然发现了这段代码，我根据自己的需要进行了调整。除了滚动条之外，其他一切都可以正常工作。例如，如果您按住滚动条并将其向下移动，例如，当您松开滚动条并再次向下使用鼠标滚轮时，它将恢复到鼠标滚轮的前一个位置，并且方向相反。我的代码：
init()
function init(){
new SmoothScroll(document,120,12)
}
//Smooth Scroll
function SmoothScroll(target, speed, smoo
浏览 22提问于2020-05-21得票数 0
2回答
鼠标滚轮事件和滚动事件相互冲突
javascript、jquery、scroll、mousewheel
我的问题是：
我有一个插件事件(来自MouseWheel：)，它触发了一个函数：
$(document).on('mousewheel', onMouseWheel);
function onMouseWheel(event,delta)
{ Code... }
我还有一个触发另一个函数的Scroll事件：
$(document).on('scroll', onScroll);
function onScroll()
{ Code... }
然而，当使用鼠标滚轮时，两个事件都会被触发，因此两个函数都会运行，这是我不希望它们这样做的。它们必须是分开的，因为使用
浏览 50提问于2013-12-09得票数 0
2回答
Jquery，取消绑定鼠标滚轮事件，然后在操作完成后重新绑定它？
jquery、mousewheel、unbind
我已经在这个问题上挣扎了一段时间..我使用这段代码来监控鼠标滚轮，这样它就可以用来滚动我拥有的滑块了。然而，它有一个问题，即操作会排队，所以如果你用鼠标滚轮快速滚动(就像任何人通常做的那样)，它们就会累积，并导致错误行为。我知道如何用动画来处理这类问题，但不是用鼠标滚轮监视器。
我想做一些事情，比如在操作开始时取消绑定鼠标滚轮(在本例中，在移动鼠标滚轮后滚动滚动条)，然后在此之后重新绑定它，所以如果用户滚动太多太快，它就会忽略，直到初始滚动完成。我尝试了下面的代码，但它没有重新绑定，所以我不确定我做错了什么，任何建议都很感谢。
$("#wavetextcontainer
浏览 0提问于2010-07-27得票数 8
回答已采纳
2回答
如何在jQuery中检测鼠标向下滚动？
jquery、mouseevent
我使用的是jQuery 2.0.2。我可以通过使用鼠标滚轮来检测向上滚动
Panel.bind("mousewheel", function () {});
如何检测鼠标向下滚动？
浏览 2提问于2013-06-15得票数 1
回答已采纳
2回答
jScrollPane不工作
javascript、html、scrollbar、jscrollpane、jquery-jscrollpane
我正在尝试使用jScrollPane，原来的滚动条消失了，它不工作！大约一个月前，我已经在另一个网站上使用过它，并且运行良好。唯一的问题是:鼠标滚轮不工作(这是我的第二个问题)。
代码：
<link type="text/css" href="jScrollPane/jquery.jscrollpane.css" rel="stylesheet" media="all" />
<script type="text/javascript" src="http://ajax.googleapi
浏览 3提问于2013-03-10得票数 0
2回答
在vanilla javascript中平滑的垂直滚动鼠标滚轮？
javascript、mouseevent、mouselistener、mousewheel
我是一个香草javascript的巨大粉丝，目前我在一个项目中，我需要实现鼠标滚轮滚动平滑滚动。我想使用vanilla JS实现这一点。我在做一些研究时发现了一个jQuery片段，如下所示。
$(window).on('mousewheel DOMMouseScroll', function(e) {
var dir,
amt = 100;
e.preventDefault();
if(e.type === 'mousewheel') {
dir = e.originalEvent.wheelDelta > 0 ? &#
浏览 0提问于2017-10-30得票数 19
回答已采纳
2回答
在IE8中，鼠标滚轮不能与jScrollPane一起工作(没有iframe!)
javascript、jquery、jscrollpane
我在使用鼠标滚轮滚动jScrollPane div的内容时遇到了问题，这在IE8中似乎不起作用。在Chrome中，我工作正常。我曾经提到过类似的问题，但这些情况下的问题是使用了iframe，而我没有。我包括了鼠标轮插件，据我所知，我已经正确地设置了一切。
包含必要的文件：
<link type="text/css" rel="stylesheet" href="<?php echo base_url(); ?>assets/css/jquery.jscrollpane.css" />
<script type=
浏览 0提问于2011-12-17得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
