在手机上滚动时，angular中的ngx-slider会意外触发
在手机上滚动时，如果使用了Angular中的ngx-slider滑块组件，可能会出现意外触发的情况。ngx-slider是一个基于Angular开发的滑块组件，用于在前端界面上实现滑动选择的功能。
具体来说，当在手机上滚动页面时，由于滚动操作会产生触摸事件，而ngx-slider中的滑块组件也会对触摸事件进行监听和响应。因此，在滚动过程中，如果手指不小心触摸到了滑块组件，就可能会触发滑块的相应事件，导致意外的滑动或数值改变。
为了解决这个问题，可以考虑以下几种方法：
- 禁止滑块组件在滚动过程中的响应：可以通过在滚动事件中添加逻辑，判断滑动操作是否在滑块组件的区域内，若是则禁止滑块组件的响应。这样可以避免滚动时误触发滑块组件。
- 增加滑动操作的容错处理：在滑块组件中，可以增加一些容错处理的逻辑，例如判断滑动的速度或距离是否达到一定的阈值才触发滑块事件。这样可以减少误触发的概率，提高用户体验。
- 使用其他滑块组件或解决方案：如果以上方法无法解决问题，可以考虑使用其他的滑块组件或自定义滑块功能。在选择时，可以根据具体的需求和项目情况，综合考虑组件的性能、易用性以及社区支持等因素。
总之，对于在手机上滚动时可能触发ngx-slider滑块组件的问题，可以通过禁止滑块响应、增加容错处理或选择其他滑块组件来解决。具体的解决方法需要根据实际情况进行选择和实施。
附：腾讯云相关产品和产品介绍链接地址：
- 腾讯云移动开发服务：https://cloud.tencent.com/product/mobdev
- 腾讯云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 腾讯云云原生应用平台（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云网络通信服务（VPC）：https://cloud.tencent.com/product/vpc
- 腾讯云安全产品：https://cloud.tencent.com/solution/security
相关·内容
因此，我正在开发一个实现ngx滑块的调查应用程序。这个问题出现在移动设备上，人们向下滚动一排排的滑块问题，他们在滚动时无意中触发了滑块，从而改变了答案。从技术上讲，我可以将滑块设置为只读，以某种方式注册一个单击和它所在的位置，然后将该特定标记的类更改为活动的，但我真的很难实现这一点。我真的不确定这是不是一个好主意/可行。''}} {{answer.columnAnswerText}}</d
浏览 31提问于2021-11-11得票数 0
2回答
我遇到了一个奇怪的问题。我有一个jQuery函数，如下所示。当您使用移动电话滚动页面时，该按钮会触发单击。用户在手机上访问网站需要在整个网页中滚动，然而当用户不小心滚动到按钮上时，按钮是如此敏感，从而触发了按钮事件。
浏览 2提问于2018-10-31得票数 0
然而，在手机上，用户的tap...hold...以便向上或向下滚动。移动设备上的这种滚动交互无意中触发了我的“pointerdown”事件。我曾尝试在事件处理程序链中插入一个pointermove事件，但这似乎会触发任意次数，这取决于用户在指针按下时移动指针的时间长短，因此我无法设置可靠且不会来回翻转的布尔值。
浏览 2提问于2019-05-31得票数 0
在手机上，我的“部分菜单”在用户打开并开始滚动后会自动关闭。我用Zurb基金会的手风琴做菜单。有人知道为什么这会发生在手机上吗？我的网站：
浏览 1提问于2018-04-19得票数 0
if (x1 < x2) DataController.PaneOpen(true);};
ManipulationCompleted事件在ListView中不适用于电话处理程序中的代码永远不会被调用。它在PC上运行得很好，但在电话上却不起作用。我不明白为什么。
浏览 2提问于2016-02-04得票数 11
回答已采纳
1回答
当手势以textarea或input开头时，touch-action似乎被忽略了。这对我来说是意外的。预期行为:考虑到touch-action，例如不会发生滚动(参见下面的演示)。演示： (打开桌面浏览器开发工具并激活触摸模拟或在手机上打开它，然后尝试从textarea、input和其他区域开始滚动页面以进行比较)。我在Firefox和Chrome上测试过它：
Chrome只在textarea中忽略touch-action，在input和textare
浏览 3提问于2020-10-17得票数 0
我有一个离子应用程序的标题，我想调整大小的基础上的scrollTop。我在IonScroll上使用爱奥尼亚的滚动事件： console.log('scroll');}
在
浏览 17提问于2017-06-29得票数 1
回答已采纳
1回答
在移动平台上浏览以下代码(Android、Chrome、全高清屏幕、肖像)时，lorem ipsum-text及其标题("Home")在滚动时似乎略为“跳过”。我读过关于这个问题的文章，并且似乎存在一个修复方法，您可以在Javascript中禁用硬件加速滚动(这似乎是导致这个问题的原因)。
问题:我可能只对这个项目使用HTML5和CSS3。
浏览 0提问于2015-02-18得票数 0
回答已采纳
我的数据网格中有一个事件 Editor();但是，每当我意外地双击数据网格的侧滚动条时，该事件总是会触发。那么，我可以在If语句中放入什么，以便每当我意外地双击滚动条时，它就会跳过Editor();。
浏览 0提问于2014-11-26得票数 0
回答已采纳
我需要有一个侧栏元素是粘性的，当用户滚动它下面，除了在手机上，它应该像正常滚动。我可以让它在页面加载时工作，但如果您向下拖动窗口大小，它不会再次触发resize()。我想让它在窗口大小改变的时候触发。任何帮助都会受到极大的赞赏。我的jQuery： jQuery(document).ready(function($) { if (
浏览 10提问于2020-06-26得票数 0
我在手机上发现了一个问题。请注意，在开发人员工具中所做的一切，调整大小，节流；它们都在我的桌面上按预期工作。这是我的问题： 一:当我在手机上刷新网站时。我的聊天系统中的用户计数不会刷新。下面是我用Angular (Typescript)编写的代码，它可以让用户数量保持最新： ngOnDestroy() {
this.chatService.leaveC
浏览 31提问于2018-12-21得票数 0
1回答
然而，一旦用户开始滚动(向上或向下滑动)，突出显示就会消失，这样用户就知道当他们松开手指时不会再激活按钮。
我想在手机上做一些类似的事情，所以我需要检测元素何时滚动，因此我删除了列表项上的高亮显示。但是，jquery scroll事件似乎与touchbegin同时触发，而不是在元素实际滚动时触发。因此，为了让它正常工作，我需要在删除高亮显示之前检测一些滚动的像素。
浏览 1提问于2013-05-03得票数 1
回答已采纳
1回答
移动设备上的粘性滚动问题
、、、
我正在使用CSS视角制作视差效果，这似乎是在手机上创建高性能视差的唯一方法。滚动区域在一个框中，可以在里面滚动(这是屏幕的大小)，视差可以工作，但是在我的ipad上，当它滚动时(不能‘轻弹’屏幕，当你松开屏幕时它就会滚动)，就像这台post一样。解决方案是容器上的这个CSS： -webkit-overflow-scrolling: touch; 这恢复了“轻弹屏
浏览 14提问于2019-10-03得票数 2
回答已采纳
根据PhoneGap文档，最好的做法是将最初执行的javascript放在一个"deviceready“事件处理程序中。我正在通过从xcode部署到我的iphone来测试我的应用。当我最初在手机上运行应用程序时，"deviceready“事件会触发，一切都会正常工作，但如果我关闭应用程序并重新打开它，UI会返回到我离开它时的相同状态，"devicere
浏览 0提问于2013-12-09得票数 0
4回答
我有一些代码可以改变表的类。在手机上，有时桌子对于屏幕来说太宽了，用户会拖动/滚动来查看内容。然而，当他们触摸并拖动桌子时，每次拖动都会触发touchend。如何测试以查看touchend是否是触摸拖动的结果？我试着跟踪dragstart和dragend，但我不能让它工作，这似乎是一种不优雅的方法。有没有什么我可以在下面添加的东西，基本上可以确定，“这个触点是在拖拽结束时出现的吗？”res
浏览 1提问于2012-10-02得票数 39
回答已采纳
如果你去并向下滚动标题"IT'S OH，那么简单“，你会看到一个图形，然后”选择你的选项“。下面是一个“了解更多”的链接，这是一个模式触发器。在台式机和我的安卓手机上都能正常工作，但只有当链接位于手机屏幕顶部时，你才能在iPhone上点击它。史上最奇怪的事。在iOS的Safari和Chrome上都试过了。如果链接在手机屏幕的中间，模式就不会触发。
浏览 11提问于2018-01-08得票数 1
我有一个简单的angularjs (基于angular-seed)应用程序，当我在pc chrome中测试它时，它看起来像是响应式的：(屏幕宽度与我的手机相同)
我用谷歌搜索了一下，但没有找到任何线索。如果我只是采取这个页面和建立科尔多瓦应用程序，我也看到同样的水平滚动。
浏览 0提问于2019-03-25得票数 0
以防我们不得不阻止angular2在手机上打开一些路由，但我们必须在web上打开它，这是最好的选择
或者使用全局服务来检查屏幕大小，或者在angular2中根据路由在单独的文件中创建一些逻辑。或者其他一些东西，如果用例子来解释的话，对我来说会很有用。
浏览 0提问于2017-04-26得票数 1
1回答
我看到很多关于在手机上滑动图片时触发的ng-click事件的问题。在这方面有很多解决方案。但我有占位符，当我点击它时，它应该打开一个窗口来选择图像使用ngf-select(danielfarid's)，这将打开一个窗口，当滑动事件完成时，我尝试检测滑动触发，并尝试不添加基于检测滑动触发后设置的标志的图像我正在使用bxslider来显示画廊，在那里我们有页码和选定的图像，所
浏览 11提问于2016-08-12得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
