单击时发生指针事件,但滚动时不发生指针事件

2023-12-24

是否可以允许单击但不允许滚动事件?

pointer-events: none;

将禁用两种类型的输入,我想仅禁用滚动。还有其他解决方法的想法吗?


添加这个CSS:

.stopScroll{
height:100%;
overflow:hidden;
}

然后在 jQuery 中:

$('body').addClass('stopScroll');

看看小提琴:https://jsfiddle.net/26dct8o3/1/ https://jsfiddle.net/26dct8o3/1/

如果您正在寻找这个,将会有所帮助。否则,如果这不是您想要的,请在评论中告诉我。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

单击时发生指针事件,但滚动时不发生指针事件 的相关文章

  • CSS 向后/反向过渡

    我想知道是否有任何方法可以使用相同的 CSS 过渡实例来向前移动然后向后 反向移动 例如 假设我有这样的转变 webkit keyframes fade transition from opacity 0 to opacity 1 以及这次
  • asp.net aspx 的标记验证

    我使用 asp net 创建了一个网站 在互联网上启动网站之前 我想对我使用的网络表单进行验证测试 我已经知道如何通过 W3C 标记验证服务来验证 HTML 静态网站 是否可以通过上传文件在 Webforms aspx 上执行相同的验证方法
  • LESS:使用 Bootstrap 时出现无法识别的输入错误

    升级 Harp 后 我开始得到无法识别的输入不相关的 CSS 行中出现错误 Less gt CSS 无法识别的输入 Users jorge Dropbox harp io apps mysite com public css main le
  • HTML5 应用程序缓存:清单已更新,但文件再次从应用程序缓存中获取

    我有一个缓存清单 其中有注释 Version 3 2 为了更新所有应用程序 我只需更改版本号 它有效 但是 当我更新清单时 所有内容都会正确更新 新缓存已填充 但实际文件会从 旧 缓存中再获取一次 当我重新加载两次时 所有内容都会更新 这种
  • 获取外部脚本的源代码(代码)?

    是否可以获取外部脚本的内容作为字符串 相当于myInlineScript textContent 场景是我刚刚开始进入 WebGL 并且我发现所有教程都将着色器存储为内联
  • UIWebview JS 性能比 iOS 6/7 上的移动 safari 慢吗?

    我们最近使用 iOS 应用程序中的大量 JavaScript 库测试了一些 HTML5 内容 该应用程序旨在在 UIWebview 中加载这些内容 本次测试使用了 iOS 6 我的团队没有观察到移动 Safari 浏览器出现任何明显的性能问
  • 在画布中心写入 (0,0)-HTML5

    I m currently developing a drawing app which allows the user to click and drag to determine the size of the shape and al
  • javascript 可以从父页面访问 iframe 元素吗?

    我的页面上有 iframe iframe 和父页面位于不同的域中 父页面上的 javascript 代码可以访问此 iframe 内的元素吗 如果页面来自不同的域 则不应该这样做 浏览器安全沙箱应该阻止这种类型的访问 当两个页面来自不同的时
  • 将我的 JSON 字符串格式化为 PHP 中的
      有序列表

    我正在为一个宠物项目开发一个简单的 CMS 我目前有一个 JSON 字符串 其中包含菜单结构的页面 ID 和父页面 ID 的列表 我现在想将此字符串转换为嵌套或分层列表 有序列表 我尝试过循环查找 但似乎最终得到了过于复杂的子类范围 我正在
  • 如何替换 CSS 表达式

    我有一个用于时间表条目的旧 ASP Web 应用程序 其中充满了 CSS 表达式 它们出现在 CSS 文件中 ApptPage position relative height expression Math max document bo
  • 如何在 dash/plotly 中使用 iframe? (Python/HTML)

    我正在创建一个仪表板 我想使用这个交互式地图 网站链接 https www ons gov uk peoplepopulationandcommunity healthandsocialcare causesofdeath articles
  • 为什么 jQuery 对损坏标记的解释与浏览器不同?

    我之前已经回答过这个问题 https stackoverflow com a 19101905 1253312 但我并不完全理解why答案是正确的 答案的要点 p p function jqrender html a href http w
  • 为什么视口宽度与实际显示宽度不匹配?

    Chrome 显示我的视口宽度为 1280px 然而 我的实际显示分辨率是2560x1600px 我使用的机器是13 3英寸的MacBook Pro 为什么视口不是 2560px 宽 使用没有任何区别 my display settings
  • Javascript CORS 图像/画布操作

    我正在尝试从另一个已配置为允许 CORS 的域检索图像 并操纵像素 然后我想显示结果并能够操纵结果 我可以在我请求的图像上使用 getImageData 和 toDataURL 所以我知道服务器部分可以工作 但是 当我尝试将图像的 src
  • css bootstrap 下拉菜单在 IE 中看起来不同

    我正在使用CSS引导程序3 2 0 http getbootstrap com css 然而 当在 IE 中查看该网站时 菜单选项周围有一个黑色边框 而且下拉菜单按钮看起来也有所不同 如果您查看该网站http getbootstrap co
  • mat-table 自动调整列宽以适应更大的内容

    我有一个垫表 我想自动调整列宽 任何人都将与最长的列内容一样长
  • Bootstrap 面板主体,内有表格

    我有一个引导面板 单击图标即可折叠并自动关闭 该面板内部包含一个全宽的表格 但只有在没有任何内容时才看起来像这样panel body 例如 这张桌子横跨面板的整个宽度和高度 看起来不错 但如果我可以有一个围绕桌子的类 我会更喜欢 但是 如果
  • Javascript - HTML Canvas 上的 Gecko 边框半径自适应(CSS border-radius)

    我试图弄清楚如何将 border radius css 属性的行为重现到 HTML 画布中 所以我已经在 J avascript 中做了一些事情 以便使用特定的半径 对于每个角 来计算给定形状的正确边界 如果需要的话 这是上一个问题 Gec
  • 如何防止 Bootstrap Navbar Toggle 下推内容?

    我将 Bootstrap 与静态顶部导航栏一起使用 如下所示
  • 如何在流体宽度表中使用省略号而不使每列大小相同?

    假设我的表中的列是id name description and phone The description列的长度为 1 255 个字符 但 id 最多只有 3 个字符 我希望列的大小适当 而不是每列的大小相同 我想要descriptio

随机推荐

  • Chrome 未加载最新版本的 Web Worker 脚本(运行缓存版本)

    If I edit my web worker script and refresh the page the web worker script is a cached version I am reasonably confident
  • 在 iOS 中从所有 3 个麦克风进行录音

    据我了解 iPhone5 有 3 个独立的麦克风 参见here http www finalpointlogic com wp content uploads 2012 10 iPhone Mic jpg 是否可以同时从所有 3 个麦克风录
  • 上传与流星集合相关的图像

    我很难理解将图像上传到某个 Meteor 集合的整个过程 例如 belongs to 和 has one 与 Rails 的关联 我有一个投资组合项目集合 这是文件 PortfolioItems new Mongo Collection p
  • 将所有列从 int64 转换为 int32

    我们现在的问题是 更改 Pandas 中列的数据类型 https stackoverflow com questions 15891038 change data type of columns in pandas它真的很好解释了如何更改列
  • docker compose 覆盖 ports 属性而不是合并它

    我的 docker compose 配置如下所示 docker compose yml version 3 5 services nginx ports 8080 8080 docker compose prod yml version 3
  • Angular2-子组件中输入字段的模板驱动表单验证

    我正在努力添加template driven form validation在我的 angular2 应用程序中 我有一个叉子https plnkr co edit phhe74kAUmNZgNSmcsvm p preview https
  • PyInstaller不包含依赖文件

    我正在尝试在我的中创建一个 use PyInstallerproject https github com AJahJahRiddim md edit 这个项目使用weasyprint 但是当我运行pyinstaller时 它失败了 因为w
  • XHTML 1.0 过渡型与 XHTML 1.0 严格型?

    就 SEO 而言 从客户的角度来看 我应该使用 XHTML 1 0 Transitional 还是 XHTML 1 0 Strict 为什么有些人仍然使用 Transitional 如果我们使用过渡而不是严格 我们会失去一些东西吗 XHTM
  • 如何找到android TextView每行的字符数?

    所以我在android中有一个TextView 其宽度为屏幕的整个长度 填充为dip 5 如何计算屏幕上一行的字符数 我想换句话说 我正在尝试获取文本视图的列数 我考虑过根据文本大小和宽度进行手动计算 但是1 不知道相关性 2 由于填充以d
  • 如何更准确地绘制图表?

    我有一个数据集 其中包含1440 rows 297 columns 我试图绘制03 jan 2018就时间 X 轴 和密度 Y 轴 而言 但我遇到了一个问题 结果图不够清晰 X轴也没有出现 我想做像这样的东西 https i stack i
  • 如何拦截所有 Nancy 请求

    我看过这个帖子 南希 如何捕获所有请求 无论动词或路径如何 https stackoverflow com questions 17591494 nancy how do i capture all requests irrespectiv
  • Backbone.js - 从集合创建中获取 id

    我正在使用以下方法将模型添加到集合中create方法和 api 响应良好 模型似乎已正确返回并查看console dir resp 这就是我一直在寻找的东西 但是 当我尝试访问时runningorderid 哪一个是id定义为idAttri
  • jQuery 函数语法差异

    如何 function code jQuery 与 不同 document ready function 在jquery中 我知道什么是ready函数确实如此 它会等待 HTML 加载完毕后再开始 然而 确实 function 照着做 我知
  • 从远程 Git 存储库中删除所有文件和历史记录,而不删除存储库本身

    如果有人能告诉我如何删除 git 存储库上的每个文件 文件夹而不实际删除存储库本身 我将不胜感激 我也想删除与这些文件相关的所有历史记录 正如我所解释的这个答案 https stackoverflow com questions 18112
  • 将图像文件保存到临时目录

    我有一个名为 Image png 的图像文件 它保存在我的主包中 位于项目导航器层次结构中的 ViewController swift 文件旁边 我想将此图像的副本保存到临时目录 我以前没有做过 请问我可以使用什么代码 像这样的事情应该可以
  • scrapy 不打印异常的堆栈跟踪

    是否有一种特殊的机制来强制 scrapy 打印出所有 python 异常 堆栈跟踪 我犯了一个简单的错误 错误地获取了列表属性 导致 AttributeError 没有在日志中完整显示 出现的是 2015 11 15 22 13 50 sc
  • LinqKit 谓词生成器抛出 TypeLoadException?

    我在尝试执行使用 PredicateBuilder 动态构建的查询时遇到问题 我能够构建查询 但是在执行查询本身时 我得到以下 TypeLoadException 运行时 return context SearchRecords AsExp
  • 在Python中使用libclang解析C++

    经过一些研究和几个问题后 我最终探索了libclang https pypi python org pypi clang 3 5库以便在 Python 中解析 C 源文件 给定一个 C 源代码 int fac int n return n
  • 没有模板参数的模板类的容器

    我想知道您是否可以拥有一个包含具有不同模板参数的对象的容器 我正在努力实现这样的目标 include
  • 单击时发生指针事件,但滚动时不发生指针事件

    是否可以允许单击但不允许滚动事件 pointer events none 将禁用两种类型的输入 我想仅禁用滚动 还有其他解决方法的想法吗 添加这个CSS stopScroll height 100 overflow hidden 然后在 j