我使用的是，它在一个Cordova应用程序中实现了Hammer.js，以实现一些简单的手势控件。
我遇到了一个主要问题，即任何触发动画(过渡、变换、SVG动画)的手势，如果屏幕滚动任意数量，当滚动完成时，该动画将冻结并处于结束状态。特别是，我在一个可垂直滚动的页面上有一个元素，它应该(理想情况下)能够被收拢和收拢，以将其扩展为多个元素或重新扩展为一个元素。
我很熟悉，作为一种优化，iOS会在滚动过程中冻结所有动画。然而，由于手指和滑动手势都可以稍微滚动屏幕，这对用户体验来说很糟糕，因为如果用户滑动，例如，稍微向上和向左滑动，精心制作的过渡可能会完全冻结，而不仅仅是直接向左滑动。
我已经尝试了一
浏览 28提问于2017-01-19得票数 2
回答已采纳
我的应用程序正在做一个画廊，它在RecyclerView上使用TouchImageView。 我尝试使用这个类在PageSnapHelper附带的RecyclerView中显示多个全屏图像 这工作得很好，但缩放是非常笨拙的使用.If我尝试收缩缩放，图像左右移动，但不缩放。只有双击才能工作。 我认为这与PageSnapHelper附带的RecyclerView的滑动和滚动有冲突。 如何才能使TouchImageView触摸事件覆盖PageSnapHelper事件时，按滑动方式缩放也适用于滑动？ 为了简单，我想要相同的行为聊天应用程序(Whatsapp和电报)图像滑块，支持滑动和收缩缩放 请注意
浏览 25提问于2019-01-08得票数 0
1回答
根据jQuery移动的文档：
单击打开面板的链接、向左或向右滑动或点击Esc键将关闭面板。(.)默认情况下，还可以通过单击面板外的页面内容关闭面板。
相同的文档展示了如何关闭“按一下以关闭”和“通过单击外部关闭”。
但是如何禁用Esc键的关闭呢？
浏览 3提问于2014-01-22得票数 1
回答已采纳
我使用的是jquery-1.7.1.js和jquery.slider.js
jQuery('#Slider1').slider({ from: 0, to: maxAmount, smooth: true, step: 100,round: 0,
onstatechange: function( value ){
....
}
此函数在滑块通过鼠标滑动时调用。我想要相同的滑块功能与事件滑动释放(如鼠标向上)，而不是onstatechange。
请建议..
谢谢。
浏览 4提问于2012-11-21得票数 1
回答已采纳
1回答
我有一个菜单，可以滑动浏览我网站的几个部分，向右和向左。
最初我有一个'goto()‘函数，它是由'onClick’触发的，动画效果完全符合预期。
我想清理HTML，所以我向JS文件中的click事件添加了一个绑定处理程序。
var navanchors = $('#navMain a');
var slider = $('#slider');
init = function() {
navanchors.bind('click', function() {
var t = $(this);
var id =
浏览 0提问于2012-11-05得票数 1
回答已采纳
1回答
我有一个SurfaceView，它使用画布根据触摸事件进行渲染。该活动还使用沉浸式模式使其全屏。
问题是，当用户从屏幕顶部滑动以退出沉浸式模式时，滑动会被画布拾取。
如何避免在画布中处理这些触摸事件？
SurfaceView类
public class PEQSurfaceView extends SurfaceView implements
SurfaceHolder.Callback
{
@Override
public void surfaceCreated(SurfaceHolder holder)
{
// make the GamePanel f
浏览 5提问于2018-10-01得票数 0
1回答
我试图逐渐显示一个div，因为滑动事件发生在身体上。
我目前正在使用jQuery版本的hammer.js来监听向下滑动，但是如何获得滑动的距离并在这个值发生时更改div的高度呢？
虽然不多，但我到目前为止拥有的是：
var distance;
$('body').on('swipedown', function(){
// set distance to swipe distance
$('header, #header, [role="banner"]').css('height', dista
浏览 1提问于2013-11-02得票数 0
3回答
边缘滑动导航
、、
您能推荐一个JS库吗?实际上，在使用基本HTML & CSS时提供了边缘滑动功能？
我找遍了所有的地方，没有找到那个问题的真相来源。我见过很多库支持滑动手势，而不是边缘滑动。
我的最后一次尝试是使用Hammer.js，我尝试将其实现为：
var swipe = new Hammer(document);
// detect swipe and call to a function
swipe.on('swiperight swipeleft', function (e) {
e.preventDefault();
var endPoint = e.poi
浏览 3提问于2018-03-09得票数 5
回答已采纳
2回答
我是否可以在Backbone.js视图事件中使用移动手势，如轻扫、轻触、挤压等？更具体地说，下面是我的代码。
Backbone.View.extend({
initialize:function(){
//initialization
},
Events:{
"swipe-left #homeBtn":"homeSwipe"
},
homeSwipe:function(){
alert("Event Swipe left triggered!"
浏览 1提问于2012-04-22得票数 6
回答已采纳
我正在为Ipad制作一个在线产品目录的离线版本。它将使用HTML5 / JS编写，并利用离线图像缓存和本地存储。
我希望能够在滑动方面引入与Ipad相同的UI交互。因此，如果用户从右向左滑动，它将加载下一个产品。如果它们从左向右滑动，它将加载上一张图像。
如何使用Javascript捕获此问题？
浏览 1提问于2011-11-21得票数 2
2回答
这里有个奇怪的。早些时候，我在一个正在构建的iOS was应用程序中尝试阻止默认的touchmove行为。添加事件侦听器和防止传播非常简单，但我需要将默认行为添加回它的一个子级。据我所知，由于父进程被禁用，子进程将永远不会注册该事件。
所以我需要一个解决方案。
从本质上讲，有很多滑动正在进行，所以默认的身体滚动行为需要被剔除。页面在滑动时滑动是令人恼火的。当然，我必须将事件侦听器添加到外部容器。这是不可避免的。
如何将默认的浏览器控制行为添加回其中一个子级？我不想用我自己的物理原理来伪装。
谢谢你的帮助。
HTML：
<div id="mainPanel"> <
浏览 8提问于2012-12-21得票数 1
回答已采纳
我有一个占满整个屏幕的水平回收视图。在回收器视图中有一个文本视图和一个包含三个图像的图像滑块。
我对图像滑块使用了这个：
回收视图XML
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/bonus_detail_recycler_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:listitem="@layout
浏览 16提问于2021-07-20得票数 0
1回答
使用quo.js的触摸滑动坐标
、、、、
我正在构建一个使用quo.js来处理触摸事件的web应用程序。
当用户用一个手指滑动(拖动)时，我可以使用以下quo.js代码来识别这一点并应用css转换：
$$('element').swipe(function() {
$('element').vendor('transform','translate(-100px,-100px)');
});
现在，我想要做的是应用翻译量的基础上的数额的刷。换句话说，我需要得到滑动的X/Y坐标。有人知道是否可以使用quo.js，还是我需要使用不同的js库？
我试着获取坐标，但它返回“未
浏览 2提问于2014-02-10得票数 0
回答已采纳
1回答
我正在开发一个单页面应用程序，因为我有三个div，我需要分别显示隐藏。在中间的div中，我有一些选项卡，我可以在其中执行滑动操作。
我使用Hammer.js进行滑动，使用jquery-scrollto.js进行滚动
HTML
<div id="revolutionary">revolutionary</div>
<div id="middle">middle</div>
<div id="agendaa">agendaa</div>
JS
$(document).ready(
浏览 1提问于2014-12-12得票数 0
1回答
我正在尝试使用hammer.js检测屏幕上的左右滑动事件。目前它正在检测整个屏幕区域的滑动动作，因为我正在传递主要的内容div类。我已经创建了一个覆盖一半屏幕区域的覆盖div，当锤子是initialized.So时，它的类被传递。现在滑动在该区域上工作良好，但是覆盖下的所有其他内容的指针事件都被阻止了。除了swipe事件之外，是否可以将所有其他指针事件传递给底层div？
浏览 1提问于2017-04-17得票数 0
2回答
我想在我的应用程序中实现“滑动打开”的概念。基本上，我使用的是ImageView。如果用户将其滑动到特定的方向(例如向右)，则启动下一个活动。我不知道如何在Android中实现这一点，我搜索了很多地方，但一无所获。
有什么线索吗？
我所做的是：
不，我不认为在这种情况下使用ViewPager或HorizontalScrollView是合适的。
我不知道拖放的概念是否有帮助(如何暗示一个特定方向的拖放？如果拖动结束于中途，如何让ImageView返回其初始位置？)
浏览 5提问于2012-12-13得票数 0
回答已采纳
1回答
请您告诉我如何停止滑动左和右事件.Actually，我做了一个简单的演示幻灯片菜单实际上幻灯片菜单是显示在我的演示。当我滑动右.I不想这样做时，..I不想打开幻灯片菜单，当用户使用滑动左或右事件时，.It只打开当用户使用时，左上角图标(菜单图标)，还隐藏使用相同的图标.In，换句话说，用户切换使用左上角的幻灯片菜单，icon.And不想在用户滑动时显示幻灯片菜单。
这是我的代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name=
浏览 3提问于2015-09-14得票数 1
回答已采纳
我的场景：
-I有一个边栏，上面有缩略图。
我想要达到的目标是：
滑动侧边栏以关闭它
我被困在那里：
在侧边栏上滑动很好，但是如果在图像缩略图上开始滑动，它就不会注册为侧栏上的pan事件，因此只有当空白是滑动的来源时，它才能工作。
我不使用jquery，只是直接使用JS + Hammer.js
function setupSidebar(elem){
let sidebar = new Hammer.Manager(elem);
sidebar.add(new Hammer.Pan({ direction: Hammer.DIRECTION_LEFT, thre
浏览 0提问于2018-07-23得票数 0
回答已采纳
2回答
我有一种情况，我有一个在ScrollView中水平滑动的回收视图。现在的情况是，当我在Recyclerview上水平滑动时，它不是滚动Recyclerview中的cardview，而是向上滚动屏幕，这会干扰用户体验。
当用户在Recyclerview上进行水平滑动时，有什么解决方案或方法可以避免垂直滚动吗？
浏览 2提问于2015-07-07得票数 4
2回答
我试着做一个非常简单的铬扩展，当你点击一个按钮时，它会提醒你一些事情，但它不起作用。我得到了以下错误：
拒绝执行内联脚本，因为它违反了以下内容安全策略指令：" script -src 'self‘chrome扩展名：“。要么是‘不安全-内联’关键字，要么是散列(‘sha256-.’)，或者是现在(‘nonce .’)是启用内联执行所必需的。
有人能帮忙吗？这就是我现在拥有的：
popup.html
<html>
<body>
<input type = "button" id = "the_butto
浏览 5提问于2014-10-11得票数 2
回答已采纳
我一直在使用多点触控手势库hammer.js ( )，我知道如何在一根手指向上滑动、或轻敲或其他任何东西时执行js代码，但有人能帮我弄清楚如何在两个手指都向上滑动时运行js代码吗？
浏览 2提问于2013-03-10得票数 0
我在一个带有滑动内容的单页网站上工作。
我使用jquery.form.js，并在头部使用以下内容来初始化联系人表单/脚本：
<script type="text/javascript">
$(document).ready(function() {
$('#closeit').click(function(){
$('.message').hide('slow');
return false;
});
var options = {
target:
浏览 1提问于2011-07-26得票数 0
回答已采纳
我正在实现hammer.js swipe功能来更改我的滑块图像。它可以工作，但有时它会为单次滑动而触发多个滑动事件？
当我向左滑动时，有时它是fire tow向左滑动事件。向右滑动事件也是如此。
我怎么才能解决这个问题。
var mc = new Hammer.Manager(el);
var pan = new Hammer.Pan();
var swipe = new Hammer.Swipe();
mc.add([ pan ]);
mc.add(swipe).recognizeWith(mc.get('pan'));
mc.on("panstart panmov
浏览 3提问于2015-09-20得票数 2
我希望利用移动网络应用程序(安卓和iOS)上的滑动事件，但我也需要浏览器的本机收缩缩放功能留在原地。
我尝试过使用各种触摸事件库，比如Hammer.js，但似乎都放弃了移动Safari在处理滑动时的缩放功能。保持垂直滚动完好无损也是很好的。
基本上，我正在寻找一种识别左/右方向滑动的方法，而且仅此而已。有什么想法吗？
浏览 6提问于2012-07-31得票数 4
回答已采纳
3回答
jquery单击更改类
、、、
我正在学习jquery，我想要的效果是:第一次点击，向下滑动div#ccc，将链接类改为'aaa'；再次点击，向上滑动div#ccc，将链接类改回'bbb‘。现在向下滑动可以工作，但removeClass，addClass不工作。如何修改才能使两种效果完美工作？谢谢。
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
jQuery(document).read
浏览 0提问于2011-05-20得票数 6
回答已采纳
1回答
任务是在本地JS上制作滑块，并在手机上添加滑动支持。也许有人知道，在没有jquery和各种框架的情况下，哪里是一个很好的教程。
浏览 0提问于2020-10-21得票数 0
回答已采纳
1回答
我有一份清单如下。
<ul id="hook_list">
<li id="a1">one</li>
<li id="a2">two</li>
<li id="a3">three</li>
<li id="a4">four</li>
</ul>
我正在使用hammer.js来检测滑动事件。
var myElement = document.getElementById('hook_list
浏览 2提问于2016-08-10得票数 0
回答已采纳
我想在UITableView的编辑模式下仅在滑动手势时启用删除。
如何从单元格中删除圆形"-“按钮，并且仍然可以识别该手势？这有可能吗？
当单元格编辑样式设置为UITableViewCellEditingStyleNone时，我可以禁用该图标，但同时也禁用了滑动删除手势
浏览 0提问于2013-07-12得票数 3
回答已采纳
1回答
我有两个同步的OwlCarousel滑块。目标是实现一组在第一主滑块中滑动的项目.现在它从1滑到2到3。我需要它从1滑到5。在js中有什么值可以改变吗？
.owlCarousel({
items : slidesPerPage,
dots: false,
nav: false,
autoplay: false,
smartSpeed: 200,
slideSpeed : 500,
mouseDrag: false,
touchDrag: false,
pullDrag: false,
slideBy: '1', //alternatively you can slide by
浏览 2提问于2017-09-06得票数 0
我和您一起使用的是swiperJS页面，下面是一个例子：
“艺术家图像”行已滑动页面上的图像，但是prev/next箭头没有显示。经过检查，我发现这一区域已被确定并正在正确建造。问题是按钮上的:after宽度为0。我猜字体在做一些奇怪的事情，但我不知道是什么。它不会在本地显示在我的dev环境中，所以它肯定是在这里显示的。我正在使用11ty来构建这些页面，并在6.6.1版本中使用unpkg.com (如果从unpkg.com上滑动)。
我的Swiper标记carousel.njk
<div class="{{ swipeClass }}-swiper swiper-contain
浏览 2提问于2021-09-20得票数 1
回答已采纳
2回答
我想附加向左滑动和向右滑动对一个图像使用IonicFramework。从文档中，我只得到了这些，但还没有示例：
$ionicGesture/
有人可以帮助提供示例HTML & JS来监听手势事件吗？
附言:之前，我设法使用angularjs SwipeLeft和SwipeRight指令实现了它：$swipe。但现在我希望使用ionicframework提供的函数。
浏览 1提问于2014-05-24得票数 6
我正在测试mmenu.js ()作为移动站点抽屉菜单的选项，它工作得很好，但我面临的一个问题是在创建菜单之后尝试更新选项值。具体来说，我希望在默认情况下将"dragOpen“选项设置为"true”，但希望在具有水平滚动的元素上触发触摸事件时禁用它。
我有另一个插件处理幻灯片样式元素的水平触摸滑动，因此我试图利用hammer.js ( mmenu.js已经为dragOpen事件使用了它)，并将"dragOpen“更改为"false”，当触摸的目标是幻灯片容器时：
$(function() {
var navMenuLeft = $('nav#men
浏览 3提问于2013-07-24得票数 1
我正试着开始写铬应用程序。由于某种原因，当我将javascript视为一个铬应用程序时，javascript不起作用，但它作为一个网页运行得很好。这里是我的问题的最简单的例子。
打开带有铬的index.html就像预期的一样--当按下按钮时，"hello world“字符串变成"CLICK”。作为一个铬应用程序运行时，按下按钮不会发生任何事情。
manifest.json：
{
"manifest_version": 2,
"name": "My first app",
"version": "
浏览 0提问于2013-12-22得票数 6
回答已采纳
2回答
我已经下载了Hammers.js版本-1.0.10，我有很多次尝试从js文件调用'pinch‘函数，但是它无法执行。我想在库问题上我还下载了其他但是同样的问题occurs.Other函数，如触摸，滑动，拖动所有的工作，只是不工作，不调用。如果有人知道就告诉我。
谢谢
浏览 2提问于2014-08-28得票数 1
回答已采纳
当启用event.preventdefault时，我当前在允许垂直滚动时遇到问题。
我正在尝试给我的手机页面添加滑动功能，我已经尝试过像hammer.js，swipe.js这样的框架，所有的框架都需要event.preventDefault来检测左右滑动。
启用event.preventDefault时，滑动可以完美检测，但是当您在该元素上时，您将失去垂直滚动的功能。也就是说，当您的手指开始在swipe元素上时，您不能在移动设备上上下移动屏幕。
我试着构建我自己的小脚本，运行良好，但仍然有垂直滚动的问题，这是一个问题。
var el = document.getElementById('
浏览 2提问于2013-10-04得票数 4
我有一个项目，100%的宽度和高度面板，并希望作出自定义动画之间的过渡。
这些转换应该由上的垂直滑动触发，无论是触摸设备还是鼠标设备--我知道鼠标/履带不支持滑动，这就是需要的插件出现的地方。
Onepage scroll和fullPage.js完全按照我需要它的方式处理滚动，但是附带了许多我无法拥有的东西。
因此，我正在寻找一个插件，只处理滑动部分或健壮的方式处理滑动触发器我自己。
重要要求:手机上会有灯箱，可以自然滚动。所以我需要一个开关切换这些手势。如果我自己编码，这就很容易了。处理现有的插件不会是-
谢谢
编辑Alvaros答案
lethargy.js看起来很有希望，但我只是不能
浏览 1提问于2017-01-25得票数 1
回答已采纳
1回答
我在设置离子幻灯片组件中的范围滑块时遇到了一些问题。事实上，当我试图滑动range的值时，ionic检测到我试图滑动到另一张幻灯片。
所以我有两个问题:有没有一种简单的方法可以在离子幻灯片内容中实现一个范围，可以在不滑动到另一个幻灯片的情况下使用范围滑块设置数据，反之，可以在不影响范围值的情况下滑动到另一个幻灯片。
如果没有任何简单的方法可以做到这一点，我试着改变滑动的方向来转到另一张幻灯片，根据文档我试过了，但我编译了错误：SyntaxError: /my/path/diagnostic.js: Unexpected token (8:18) while parsing file: /my/
浏览 2提问于2016-06-02得票数 1
3回答
我已经在一个网站上实现了一个图片库，它不允许(似乎)自动滑动。所以现在我必须按下一个按钮才能看到下一张照片。我的目的是捕捉允许移动到下一张图片的函数，并设置一个超时以自动转到下一张图片。
如何使用工具获得JS函数名？
谢谢
更新
这是图片库脚本：我想在它上实现自动滑动
浏览 2提问于2014-06-24得票数 0
1回答
我的程序有一个布尔变量名"isCorrect“。我希望，当isCorrect为false时，用户就不能打开任何其他选项卡。(通过滑动或选择选项卡)。我试图通过以下给定的逻辑来完成这个任务，但是这会导致应用程序挂起。
final boolean isCorrect=false;
tabLayout.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
@Override
public void onTabSelected(TabLayout.Tab tab) {
浏览 1提问于2017-10-04得票数 1
回答已采纳
1回答
这是一个显示问题的js小提琴。
滑动在红色框上很好，但在新的蓝色框上，它是在按下新按钮后创建的。(用鼠标在红色盒子上滑动以寻求改变)
对不起，如果这是一个欺骗，但我还没有找到任何解决方案，解决我的特殊问题。
代码来自touchSwipe站点
javascript
$(function() {
//Enable swiping...
$(".test").swipe( {
//Generic swipe handler for all directions
swipe:function(event, direction, distance,
浏览 8提问于2013-06-24得票数 3
回答已采纳
app.js
var win1 = Titanium.UI.createWindow({
title:'Tab 1',
backgroundColor: 'black',
layout: 'vertical',
});
win1.open();
Titanium.App.addEventListener('click', function(e) {
console.log('clicked');
});
如果我点击/点击屏幕，点击事件不会触发！你知道为什么吗？我所有的代码都是在
浏览 0提问于2012-09-09得票数 1
回答已采纳
1回答
我正在使用cycle插件来滑动内容。当我在滑动时多次点击“上一张”或“下一张”按钮时，它只是在动画完成之前跳到另一张幻灯片。
我试图在滑动时禁用导航按钮，但它不起作用。
js：
$('#slider ul').cycle({
timeout: 0,
fx: 'scrollHorz',
prev: '#prev',
next: '#next',
after: onAfter,
onPrevNextEvent: function(isNext, zeroBasedSlideIndex,
浏览 4提问于2014-12-24得票数 0
嗨，我在我的应用程序中使用了jQuery，对于滑动事件我使用了jquery mobile，由于在一个应用程序中两者的使用，我有一个问题，那就是滑动事件被激发了两次，一次是从我自己的js文件中，第二次是代码复制到jquery.min.js中，并从那里执行。
$(document).ready(function(){
var wrap = $('.slides_wrap');
var slides = wrap.find('.img_slide');
slides.on('swipeleft', function(e) {
浏览 1提问于2014-01-06得票数 0
1回答
我正在使用ionic框架创建一个简单的应用程序，我想在每个卷帘事件或拖动事件上运行一个函数。
如下所示：
当用户向上滑动/拖动箭头时，它会打开它(就像打开的通知智能手机一样)。向下滑动或向下拖动，它将关闭它。
有人可以帮助提供示例HTML & JS来监听手势事件吗？
浏览 0提问于2016-02-11得票数 1
我正在试图弄清楚如何编写jQuery，以便在向右滑动时它将加载前一个兄弟项，向左滑动它将加载下一个兄弟项。我是JS的新手。
HTML/HAML
#gallery
#active-pane
#pane1.pane
Pane 1
#pane2.pane
Pane 2
#pane3.pane
Pane 3
#pane4.pane
Pane 4
我有下面的JQuery工作。但我真的希望它只加载前一个和下一个兄弟。滑动.pane并获取下一个或上一个。
$("#pane1").swiperight(function()
浏览 0提问于2012-07-04得票数 1
我需要禁用滑动来打开/关闭SlidingPaneLayout，因为我的主视图是地图。我会用一个按钮打开/关闭它。
浏览 2提问于2013-06-09得票数 14
回答已采纳
1回答
快速/滑动不起作用
、、、、
我正在为iPad做一个报告。我想使用jquery移动库中的swipeleft和swiperight。
目前，我正在测试google中的所有内容。我确实启用了“模仿触摸屏”
我的问题是:我在控制台里没有收到消息，所以刷卡不起作用。
我使用的版本：
jquery-2.1.1.js和jquery-mobile：jquery.mobile-1.4.5.js：jquery
$(document).ready(function(){
// Previous/next slide on swipe
$('.bg, header').on('swipeleft',
浏览 1提问于2014-12-23得票数 2
如何将Material UI滑块与chart js集成，当我滑动Material UI滑块时，我想要移动带有工具提示的chart js中的x轴值。我使用的是折线图
浏览 15提问于2018-01-05得票数 0
我正在尝试为google做一个扩展，在这个扩展中，我需要执行一个简单的javascript来打开chrome扩展中的url，我知道锚标记可以做到这一点，但是我希望在js中添加一些其他功能。
执行javascript的简单pop.html文件是：
<html>
<body>
<form>
<div id="search_panel">
<input type="text" id="box" name="txt" required placeholder="Search
浏览 0提问于2014-04-19得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
