我正在开发一个网站(在HTML5，CSS3和JS中)，这个网站将主要在iPad中开放。
我想要实现滑动运动，这将重定向当前页面到其他一些页面。
我用以下JS实现了这一点：
if ( swipeDirection == 'left' ) {
window.location.href = 'other.html';
}
这是可行的，但动画不存在；在滑动时，新页面只加载。我希望当我滑动旧页面时，它会在新页面滑动(或加载)之前用我的手指移动。
有什么帮助吗？
谢谢。
浏览 1提问于2013-09-17得票数 0
回答已采纳
1回答
关于移动触摸事件需要简单的答案？
、、、、
在大学里，我的任务是为移动设备制作一个杂志应用程序。我对HTML5、CSS和JQuerybasic略知一二。
我需要知道的是如何在HTML5中发起一个简单的swipe事件？例如，如果我有两个图像，我想从第一个滑动到第二个，或者简单地如何在HTML5页面之间滑动？我试着看了这里和其他的网络资源，但我认为我需要一个基本的例子，那些在线的对我来说是没有意义的。
提前感谢
浏览 3提问于2012-09-22得票数 1
我尝试在Sencha Touch或HTML5中从左到右执行滑动事件/效果。因此，如果超文本标记语言页面在iOS上运行，那么当用户在屏幕上用手指从左到右触摸和移动/滑动时，它应该会启动一个动画。
有什么想法可以“轻松”做到这一点吗？
浏览 1提问于2011-03-17得票数 2
2回答
我的应用由不同的HTML5页面组成。我知道如何使用JQuery手机在它们之间滑动。但我想要像水平进度条这样的东西。所以用户知道可能有10页，他是一个开始。
我知道这些画廊插件。但我不想刷图片。我想在没有任何按钮的情况下滑动整个页面。
我希望有人知道如何编写这样的代码，或者有一个我的示例项目。
谢谢!
浏览 0提问于2012-07-25得票数 2
1回答
我正在为Firefox OS开发一个web应用程序，我正在使用HTML5和jQuery手机来开发这个应用程序，
我使用不同的页面，让用户能够在页面之间滑动
<div data-role="page" id="p1"></div>
$.mobile.changePage('#p'+i, {
transition: "slide"
});
有些页面需要滚动，有些则不需要。当我从一个页面滑动到另一个页面时，滚动条的外观会使页面向一侧移动几个像素。这也影响了刷卡的效果。有没有办法避免这种情况，而不是在每个
浏览 0提问于2015-05-11得票数 0
7回答
我已经使用了一次又一次加载数据的单一页面。
一个相同的页面正在用于加载数据；即标题，照片和描述。你能帮我一下吗?这样我就可以在里面使用刷卡功能了。我正在构建一个像Pulse News这样的应用程序，在swipe功能上检查它。我已经在phonegap，HTML5，CSS3和JavaScript以及jQuery手机中构建了它。
我知道如何滑动页面，其中有多个页面，但只有一个页面上的数据是动态加载的，只有内容被更改，那么我应该如何添加滑动，以便它在iPhone和安卓上工作？
浏览 0提问于2012-09-15得票数 11
我正在用iPhone HTML5、jQueryMobile1.2和Phonegap2.1.0开发一个应用程序。在登录页面上，当用户点击输入字段时，软键盘出现，页面以闪烁的效果滑动。同样的应用程序在iPhone上运行得很好。问题只出现在Android手机上。
我尝试了- android:windowSoftInputMode="adjustPan"，它停止闪烁，但软键盘再次覆盖提交按钮，我无法滚动页，而键盘是可见的。在本地应用程序中，这是通过将内容包装到。但对于HTML5应用程序，我无法修复这个问题。需要帮助。
浏览 3提问于2013-01-30得票数 0
1回答
基于iscroll4的视频轮播
、、、、
我已经用iscroll4实现了一个基本的图像转盘。有了图像，一切都(近乎)完美了。但是当我尝试通过HTML5标签添加视频时，旋转木马停止了，当我在视频中滑动时，它会向右或向左滚动页面。
我在旋转木马上也有这个问题。我的页面有点长，所以你必须向下滑动才能看到所有内容。但是当你在旋转木马区域向下滑动时，什么也没有发生。
我只想让carousel理解向左和向右的滑动，以及要点击的视频标签。
这样的事情有可能发生吗？
这是我的html的一个框架。
<div id="wrapper">
<div id="scroller">
&l
浏览 1提问于2011-07-02得票数 0
4回答
jQuery移动页面过渡
、、、、
我正在使用我的应用程序(HTML5移动应用程序)中的jQuery移动页面过渡功能，其中包括：
<a href="test.html" data-transition="slide">abc</a>
页面切换效果良好(幻灯片动画)：
<a onclick="document.location.href = 'test.html';" data-transition="slide">abc</a>
页面切换不起作用，它只是导航，而不是滑动。
我希望页面转换与第二个选项一
浏览 1提问于2012-06-06得票数 0
1回答
我已经为移动网络应用程序创建了html5屏幕。我想在页面中添加操作。我的意思是我点击任何按钮，相关的html页面应该像下面的例子一样。
在开发之前，我需要为演示显示导航的流程。有什么简单的方法吗？请给我建议。
编辑：请检查。
在那里，当我点击后退按钮时，新页面或另一个页面应该像上面的url那样(滑动效果)。
浏览 6提问于2013-01-04得票数 1
我们已经使用phonegap为iOS和安卓构建了使用jQuery手机的HTML5应用程序。问题是，当在页面和另一个页面之间滑动时，data-role=' content‘的内容在页面中固定之前会闪烁和跳转。这在没有主屏幕的每一个页面上都在发生。在主页中，我们将元视图端口放在下面：
<meta name="viewport" content="width=device-width, height=device-height, user-scalable=no, initial-scale=1, maximum-scale=1" />
谢谢你的
浏览 0提问于2015-01-31得票数 0
3回答
假设我有一个页面可以左右滑动，并使用ajax加载新内容。根据滑动方向将变量设置为leftslide或rightslide。
当您在浏览器中单击back按钮时，html5 popstate事件使用ajax启用并加载最后一个页面。现在使用这个变量，我可以确定当back按钮被按下if (var direction == 'leftslide'){ direction = 'rightslide'}时滑向哪个方向(以获得一个很好的"back“效果)。
但是，如果你按两次“后退”按钮，幻灯片并不总是正确的，因为它只会反转幻灯片，而不是查看特定页面的幻灯片。
那么
浏览 1提问于2011-07-15得票数 1
回答已采纳
我想知道是否有可能使用HTML/CSS创建静态照明效果覆盖。
我有一个纯粹的HTML5/JS应用程序，它包含在顶部导航栏的大多数页面上，并在主体中包含一系列卡片，这些卡片是通过使用滑动手势进行转换的。这些在黑色背景上都是灰色的。
我想要完成的是在屏幕中央有一种聚光灯渐变，它只影响页面上的div，而不影响黑色背景。这个聚光灯将被修复，以便在刷卡时，它保持在屏幕的中心。
我知道我可以用聚光灯图像覆盖一个div作为它的背景，但显然这会弄乱页面上的点击/滑动。它会影响黑色的背景。
有人做过这样的事情吗？
浏览 3提问于2012-08-09得票数 2
回答已采纳
您知道使用html5节标签、锚、css和js在简单的垂直滑动幻灯片中拆分网页的方法吗？
如果我只放置section标记，那么这些部分不会占据页面的全部高度，用户可以在同一个视口上设置几个部分。
我希望每个部分都是完全宽度和完全高度的客户端浏览器，无论他的屏幕大小。
谢谢
浏览 2提问于2013-11-07得票数 0
回答已采纳
我计划实现基于WebView的蜂窝平板应用程序(因此，基本上它将是一个HTML5 web应用程序，只为 tablet 开发)。
我期待通过滑动手指实现水平和垂直滚动。为了更好地理解，我创建了示例大纲。
此图像显示类似于蜂窝的本机设置活动，其左、右页面垂直滚动
欢迎任何类型的指南或资源。谢谢
浏览 4提问于2011-10-10得票数 20
回答已采纳
我必须使用jQuery在HTML5中创建一个页面，其中所有的问题都将以表格的形式出现。点击一个特定的问题-它的答案应该显示为滑动；关闭该答案时，滑块应该会返回，问题应该会出现。
这怎麽可能？我应该对值使用<div>，还是从XML中获取它？请根据您的建议和教程进行指导。
浏览 0提问于2012-05-09得票数 1
回答已采纳
可以使用原生HTML5 inputtype="range“将步长值设置为动态。
可以将幻灯片上的滑块值标记为下列值，如
最小值= 130，最大值= 240
但是滑块应该只滑动到数组中的值
130,133,135,137,140,143,145,147,150，....,230,235,237,240
在这个库中，他们使用自定义div的对html5输入类型范围做了我所期望的事情
需要使滑块应该滑动只在散列标记的值从数组
浏览 2提问于2020-03-11得票数 0
我遇到了一些jQuery swipe功能的问题。我只想用下面的代码滑动到下一个页面：
<script>
$('#dataPageOilLevel').live('swiperight',function(event){
$.mobile.changePage("batteryStatus.html", { transition: "slideup"});
})</
浏览 2提问于2012-07-11得票数 0
1回答
如何创建一个类似滑动FB的长方体
、、、、
编程新手(Javascript/HTML5/CSS3)我想在我的主页上复制这个干净的“从左开始滑动”操作按钮的第一次访问(理想情况下或一次不应该惹恼用户)-有人可以提供我一步一步的方向吗？
只要你向下滚动几张图片/页面，你就可以在这个url 上看到它的实况。
我真的很喜欢这种简洁，而且比解锁内容编码更少的干扰，你同意吗？
浏览 0提问于2017-09-13得票数 2
我正在构建一个HTML5聊天程序，其中有一个输入字段和页面底部的提交按钮。
在Chrome for Android上，当用户点击字段时，软键盘会滑动，用户可以输入消息。然而，一旦用户点击"Go"，键盘就会消失，然后他们必须再次单击该字段才能打开键盘。这很烦人。
有没有办法让软键盘保持打开状态？
如果有帮助，我将使用jQuery绑定到表单的submit事件。
浏览 36提问于2012-07-26得票数 2
我想要一些关于HTML5和一个可能的Javascript库的指导。
这个想法是在网页上显示一个图像列表(图像列表每隔几分钟就会改变一次)。但每个图像都会滑动到页面上，效果就像一颗带有痕迹的飞驰的子弹。图像会堆叠在一起，并在显示器上停留几秒钟，然后新的图像将被推入显示器(旧图像从显示器中取出)。
可以把它想象成图像的滚动条；但许多滚动条堆叠在一起。
HTML5中有没有什么特性可以做到这一点呢？或者任何可以实现这种效果的Javascript库？
提前感谢您的帮助！
浏览 3提问于2012-09-09得票数 1
回答已采纳
我正在为Ipad制作一个在线产品目录的离线版本。它将使用HTML5 / JS编写，并利用离线图像缓存和本地存储。
我希望能够在滑动方面引入与Ipad相同的UI交互。因此，如果用户从右向左滑动，它将加载下一个产品。如果它们从左向右滑动，它将加载上一张图像。
如何使用Javascript捕获此问题？
浏览 1提问于2011-11-21得票数 2
1回答
嗨，所以我一直在考虑开发一个移动应用程序，并听说了phonegap，它将允许我使用本地语言，如html5，css和javascript。根据我所读到的，我应该使用jQuery手机，这样我就可以做像滑动，点击等活动。在编写应用程序代码时，我注意到jQuery有一个page容器的数据属性，那么我是在一个文档中编写整个应用程序，然后只为每个页面使用page的数据属性，还是像通常的网站一样编写代码，并有几个不同的页面链接到它们？提前感谢！
浏览 1提问于2013-03-29得票数 2
回答已采纳
在HTML4中，有一个<marquee>标记显示屏幕上的滑动文本。
它在HTML5中的等价性是什么？
浏览 0提问于2018-12-05得票数 8
回答已采纳
我目前在使用HTML5 inputtype=range时遇到了问题。它在桌面版的chrome上还可以，但在智能手机上就有一些问题。用大手指很难改变滑块。另外，你不能真的滑动，你只能点击范围输入。
您是如何将其集成到您的HTML5网站中的？
浏览 1提问于2013-01-05得票数 1
1回答
我在一家html5 & css3网站上工作，我被滑动过渡卡住了。当前，当你点击右箭头时，它会滑动到右边，我正在尝试让它滑动到底部，同时返回箭头也应该滑动到顶部。根据我在"bg“类中看到的代码：
-moz-transition: left 1.5s ease-in-out;
-webkit-transition: left 1.5s ease-in-out;
transition: left 1.5s ease-in-out;
如果我把它改成底部，它会产生一种奇怪的效果。我知道我错过了一些很容易的东西，有人能帮我吗？
浏览 2提问于2013-02-06得票数 1
3回答
我想创建一个网页应用程序(以避免不得不单独编程为iPhone，安卓，BB等)，并寻找一个滑动的效果。有没有HTML5或webkit代码简单地写着“滑动到下一页/上一页”？(我知道这会是更详细的代码，但这就是我想要的要点)
浏览 1提问于2012-05-02得票数 8
回答已采纳
这是同时支持web和移动开发的HTML5框架的可能选项。例如，如果我必须开发一个web应用程序，它是100% iPad或安卓标签兼容(具有触摸，滑动支持)，那么在LAMP环境中应该是理想的选择。
我听说过Sencha，它看起来像HTML5的纯移动框架。如果不是这样，请纠正我。
浏览 1提问于2012-04-03得票数 0
回答已采纳
1回答
创建可滚动的滑动页
、、、、
我正在尝试创建一个HTML5 5/CSS3 3/Javascript SPA，它将在移动设备和桌面上工作，我正在尝试创建不同的滑动“选项卡”，它具有垂直滚动每个选项卡的功能。
作为我所要做的一个例子，我希望有一个类似于安卓的Google的最终结果，这是一个的一部分，它基本上满足了我的需求。
实际上，有几个问题的答案显示了如何在Android中这样做，但是我想用web技术来做，本教程正好展示了我要做的事情：
MaterializeCSS有一个我想要使用的，但是它不会滑动页面，它只是立即更改到下一个页面。因此，任何人都知道如何使页面转换动画，这将是完美的，我想要的。
我试图使用fullPage.j
浏览 1提问于2015-08-20得票数 0
回答已采纳
1回答
我有多个图像在一排，我想幻灯片这些图像，没有按钮，单击一旦页面加载的图像开始滑动的线性方式。我不介意使用HTML5、css3或jquery。但我找不到办法这么做。
这是我的HTML页面：
<table style="margin-top:90px;">
<tr>
<td >
<img src="~/Content/Images/basket.jpg" style="border-radius: 25px; border: 2px solid #a1a1a1;
浏览 2提问于2014-12-09得票数 0
回答已采纳
在Safari for OS X Lion中，当您使用滑动手势在历史记录中向前或向后导航时，窗口会像在物理页面中移动一样进行动画处理。这种行为的问题是，许多应用程序已经侦听历史记录状态的更改，并做出适当的响应-无论是在哈希值更改时，还是在使用HTML5 pushState时。
一个很好的例子是在文件夹内和文件夹外导航时的GitHub --例如。如果您单击一个文件夹，然后滑动到上一页，将显示结束状态“快照”，然后从开始状态再次动画，这不仅令人困惑，而且使动画的信息值无效。
今天是我使用Lion的第一天，但我很好奇是否有其他web开发人员遇到过这个问题，你是否找到了解决方法？
浏览 4提问于2011-07-21得票数 26
1回答
我想要建立一个简单的应用程序，那里的一切都是离线的，大多数情况下，它是一个信息应用程序与信息页和列表页。为它构建一个HTML5应用程序的最佳方法是什么，这样我就可以轻松地将它移植到不同的平台上？我在找一个免费的解决方案。
这个开发者有一个HTML5应用程序，所以他就把它转换成了安卓应用程序，答案是：。所以，如果我白手起家的话，这就是我要走的路吗？把它转换成iOS也一样容易吗？
另外，在Android/iOS/Windows上，性能如何？我的意思是，考虑到页面滑动动画和其他东西如此简单，它会像本地应用程序一样流畅吗？
浏览 0提问于2014-03-15得票数 1
回答已采纳
求求你们，我需要你们的帮助！
我使用Anythingslider在HTML5视频和其他内容之间滑动，但当我在视频标签中添加autoplay属性时，Anythingslider只播放音频。
浏览 2提问于2012-09-05得票数 1
我们正在开发一个应用程序，它使用滑动手势左右移动内容。对于使用VoiceOver屏幕阅读器的盲人用户来说，这个手势是由VoiceOver窃取的。这是一个问题，因为滑动手势是我们的应用程序的主要功能，并且对盲人用户很好地工作(但是其他一些按钮需要VoiceOver )。
我们正在与Cordova/PhoneGap一起开发HTML5 javascript。
理想情况下，我们希望禁用VoiceOver事件捕获或禁用区域内的VoiceOver (即DIV)。
苹果iOS是主要目标，但理想情况下，它也会使用HTML5、ARIA等标准，因为我们希望它能在安卓上运行，也能与其他屏幕阅读器一起使用。
浏览 5提问于2016-01-11得票数 0
回答已采纳
我想在我的图像中做这个效果(按钮)
我想制作这个动画，不管方法是CSS3，HTML5 ，JS
如果我将使用悬停属性，我如何使图像在滚动时滑动并返回
浏览 7提问于2011-03-10得票数 1
回答已采纳
我有一个网页，显示了本周的图片库，我有一个顶部栏导航“上一页”和“下一页”的链接，在图片库中循环。当前点击链接会导致整个页面刷新。我认为，如果当我们点击“下一步”时，我们从右向左滑动下一页的内容，反之亦然，那么用户体验会更流畅。如果我们点击“上一页”，我们就会从左到右动画前一周的结果(类似于移动应用程序中页面切换的方式)。请注意，我不需要检测实际的滑动手势，并且我认为jquery移动标记过于夸张。
为了预加载将要滑入的数据，我可以进行一个ajax调用，或者甚至将数据预加载到json中，以便在屏幕外构造替换的html。我将使用html5窗口历史推送状态将url更改为我们将导航到的实际位置。我唯一
浏览 2提问于2012-11-03得票数 0
1回答
如果标题不清楚，很抱歉。我有一个swiperight和swipeleft事件，当触发时，添加一个音频源到自动播放的html5音频标签。所以，如果你向左滑动，播放一首歌曲，然后向右滑动，plays..The的另一个问题是它只能播放一次。如果我向左滑动播放的歌曲，如果我向右滑动什么也没有，再次向左滑动什么也没有，反之亦然。有没有重置功能的方法？希望这是有意义的，谢谢！下面是我的代码
<script>
$(document).ready(function() {
$("body").bind("swiperight", function(event
浏览 1提问于2013-07-03得票数 1
我正在使用html5画布+一些javascript (onmousedown/move/up)在网页上创建简单的绘制板。
在Opera、Firefox、Chrome等浏览器中工作正常(在台式机上试用)。但是如果我使用iPhone访问这个页面，当我试图在画布上绘图时，它会拖动或滚动页面。
这对其他页面内容很好，通过向上或向下滑动页面，您可以像往常一样在移动浏览器中浏览页面。但是有没有一种方法可以在画布上禁用这种行为，这样移动访问者也可以在画布上绘制一些东西呢？
作为参考，这里有一个最小的例子：
<html><head><script type='text/j
浏览 2提问于2012-04-02得票数 12
回答已采纳
1回答
我正在用javascript和html5画布制作一个用户交互的轮子，当滑动时会旋转轮子。然而，我正在尝试使用划动的“力量/力量”
什么是一个好的计算公式？
浏览 0提问于2013-08-09得票数 1
3回答
我正在寻找一个用于绘制JavaScript图表的HTML5库。它应：
开源
支持动画和过渡(通过滑动更改内容)
使用简单
支持混合类型，即条形图与线条图
主题化是必须的
浏览 0提问于2014-08-11得票数 3
我正在使用HTML5 list。我想用动画来动态地添加新的'li‘。我用了一个insertBefore function.Any的想法，我怎样才能用滑动效果(水平小工具列表)使列表动画化。
浏览 2提问于2017-10-31得票数 0
我正在尝试以一组5个UIWebViews的形式呈现本地html5内容。这个想法是，用户可以滑动到4个方向，所以我得到了5个UIWebViews，并禁用了弹跳：
leftWebView.scrollView.bounces = NO;
middleWebView.scrollView.bounces = NO;
rightWebView.scrollView.bounces = NO;
upWebView.scrollView.bounces = NO;
downWebView.scrollView.bounces = NO;
我们假设在We视图中不能滚动，因为所显示的html页面比iPad屏幕
浏览 3提问于2012-05-16得票数 0
回答已采纳
我被要求使用HTML5构建一个游戏手册应用程序。这是我第一次使用Playbook，我对它没有任何经验。我谷歌了一下，看起来我可以使用WebWorks创建可以部署在Playbook上的HTML5应用程序。所以这不应该是个问题。这里是我的问题
该HTML5应用程序是否支持手势(左/右滑动、多点触摸等)？
如果是-如何捕获它们(例如，如果我使用jQuery )？
与“原生”应用相比，手势是否有任何限制？
您能告诉我jQuery和手势与WebWorks集成的文档/教程吗？
谢谢。
浏览 3提问于2012-05-28得票数 2
回答已采纳
1回答
我在一个研究阶段的html5帆布游戏，我想建立作为一个附带项目，以提高我在该地区的技能。令人惊讶的是，在互联网上进行了一些研究之后，我没有找到任何关于如何制作基于滑动的游戏的好文章/教程。想法很简单，用户可以在屏幕的右、左、下滑动，并根据他们滑动的位置和游戏奖励点。您能否提供任何可用于此类项目的建议和资源，并帮助启动开发。有什么特别的关键字，我应该查找，以帮助收集信息？
浏览 5提问于2015-03-15得票数 0
回答已采纳
1回答
以编程方式滑回上一页
、、、、
我希望能够在javascript函数(android/HTML5项目)中滑回到上一页。我可以通过history.back()返回到上一页，但是，此代码不会后退。
有没有可能让它也做滑动呢？
浏览 2提问于2013-04-02得票数 1
回答已采纳
我正在使用Sencha Touch，JavaScript和HTML5创建简单的应用程序，我想在应用程序中自动滑动HTML页面，该如何做？
我使用下面的代码来显示带有图像的html页面。
main.js文件：
Ext.create('Ext.Carousel', {
fullscreen: true,
defaults: {
styleHtmlContent: true
},
config: {
ui : 'light'
},
items: [
{
浏览 0提问于2012-04-11得票数 0
是否可以在html5 IOS应用程序中创建一个需要动态高度的滚动div？
为了给我的头痛提供一点背景-我们的应用程序有3个主面板-用户可以向左或向右滑动显示第一个和第三个面板，其中包含通知/设置(就像在Facebook应用程序中一样。所有3个外板都是固定位置的。
主面板包含6个页面-它们都是绝对定位的div，通过菜单选择隐藏和显示。每个显示的div (或页面)都需要滚动，但所有内容都是动态的-所以我不能设置高度。
我已经找到了几个固定高度的解决方案-但到目前为止还没有动态高度的解决方案。
有什么建议吗？
浏览 0提问于2012-12-03得票数 3
回答已采纳
2回答
我正在尝试使用这个令人惊叹的图像滑动运动。它是一个免费的HTML5模板。
这里是链接。
我下载了源代码，但是我不能重建它。我只需要3D图像滑动运动。所以我只去掉了这一部分，并保持了其他部分不变，。
我没有添加CSS和JS，因为有不止一个，但你可以找到他们，如果你从源代码从我刚才给你的链接下载。
帮帮我。代码是否不完整？
浏览 1提问于2012-03-29得票数 1
我们最近推出了一个移动端网络应用程序(使用JQuery HTML5 )，它有一个滑动框，鼓励用户在他们的主屏幕上为网络应用程序添加书签。用户可以在Safari中通过单击书签，然后单击“添加到主屏幕”来完成此操作。任何关于我们如何能够跟踪“安装”数量的想法。我不相信我们可以从HTML5网络应用程序中为原生的iOS书签行为添加任何跟踪。
谢谢
浏览 0提问于2011-10-02得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
