如何将 iScroll4 与 SwipeView 结合使用?

2023-11-29

我正在使用 iScroll4 在移动网站内的图像上创建水平滚动效果。 iScroll 工作得非常好,但问题是 iScroll 包装器中包含的图像禁用了本机垂直滚动。换句话说,用户通过手指滑动来导航页面的操作在 iScroll 包裹图像内的任何位置都被禁用。

SwipeView 也许能够解决这个问题,但文档(至少对我来说)不是那么清楚。有谁知道如何在 iScroll 包裹图像上有效使用 SwipeView?


很抱歉几乎重现了已经做出的答案 - 但我需要将一些代码粘贴到不同的空间中。

阿拉斯泰尔的例子对我来说不太适用。我下载的iScroll版本似乎不支持匹配类,它需要一个对象。因为我的项目已经有 jQuery,所以我用它来传递活动元素。

scroller = new iScroll($('.swipeview-active')[0], {
  hScroll: false,
  lockDirection: true,
  hideScrollbar: true,
  fadeScrollbar: true
});

我将其添加到末尾carousel.onFlip()下载中的 demo/inline/test.html 示例中的函数http://cubiq.org/swipeview

还没有进行扩展测试 - 这只是我在比较要使用的库组合时所关注的内容,但它使用上面的代码在 Chrome 中按照您的预期工作。

EDIT刚刚在 iPhone 上的 mobile safari 中进行了测试,链接在这里https://dl.dropbox.com/u/81328343/scroll/test.html

唯一的事情(不确定它是好是坏,取决于用例)是当返回幻灯片时它会跳回顶部。

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

如何将 iScroll4 与 SwipeView 结合使用? 的相关文章

  • 使用 WMI 查找服务的依赖关系,然后区分依赖的服务和依赖的驱动程序

    MSDN 上有一个代码示例 它使用 WMI 枚举特定服务的所有依赖项 http msdn microsoft com en us library aa393673 v vs 85 aspx http msdn microsoft com e
  • 您可以使用 JavaScript 触发自定义 HTML5 表单错误吗?

    如果我有一个像这样的输入
  • JavaScript 对象引用缓存

    我们的代码库中有很多对象 它们的名称空间是为了避免冲突 Example App local view MyView 在我在代码库中看到的大多数地方 我们使用完整路径来获取对对象的引用 并且这在同一函数中重复多次 Example functi
  • Google 饼图未显示所有数据行

    我正在尝试绘制人口与国家名称的关系图 我发现 Google 可视化库仅渲染前几个 实际上数字似乎是随机的 具体取决于我使用的数据 有时添加 其他 条目 但它没有t 实际上具有其余条目的值 Example 1 With all countri
  • 如何从表中选择所有偶数 id?

    我想从 MySQL 数据库的表中选择所有甚至帖子 ID 然后显示它们 我还想获取所有带有奇怪 id 的帖子并将它们显示在其他地方 我想使用 PHP 来完成此操作 因为这是我使用的服务器端语言 或者 我是否必须选择所有帖子 然后使用 Java
  • jQuery 的 css() 在应用于滚动事件时滞后

    我正在尝试实现一个简单的 固定标题 表 我知道这在理论上只能用 CSS 来完成 但是当涉及到 OSX Lion 及其消失的滚动条时 它效果不佳 所以我用 jQuery 来做 方法很简单 只有1 5行代码 inbox scroll funct
  • JQuery 动画文本

    找到简单 简单的动画文本是非常困难的 喜欢这个网站上的 内爆 http codecanyon net item jquery text animation full screen preview 233445 http codecanyon
  • 专用网络:web3.eth.getAccounts() 始终发送空数组

    我正在运行一个私人以太坊网络 我确实用https aws amazon com blockchain templates 整个设置已经完成 AWS 上的设置看起来正确 现在 我正在尝试创建帐户并检索所有这些帐户 为此 我使用以下方法 Web
  • 空 URL 哈希导致页面在 js 事件上跳转

    我有一个带有下一个和上一个按钮的照片库 如果我的某个 javascript 方法由于某种原因被破坏 那么当单击其中一个按钮时 它会向 url 添加一个哈希值 即 www google com 我知道可以给散列一个 div id 来跳转到页面
  • setInterval 内的返回值

    我想在 setInterval 内返回一个值 我只想以一定的时间间隔执行一些操作 这就是我尝试过的 function git limit var i 0 var git setInterval function console log i
  • 将 JavaScript 引擎嵌入到 .NET 中 [关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 只是想知道是否有人尝试过将任何 js 引擎嵌入并实际集成到 net 环境中 我可以找到并实际使用 经过L
  • 如何在 angularjs 中修剪()字符串?

    有角度特定的方法吗 如果没有 我应该使用内置的jquery 来做到这一点吗 如果我应该使用内置的jquery 如何在不使用 的情况下访问trim 函数 或者这是必要的 编辑 是的 我知道 str trim 对不起 我需要这个才能在 IE 8
  • Postman - 如何计算 JSON 响应中特定对象的出现次数

    我是 JSON 和 Postman 的新手 我相信我正在尝试做一些非常简单的事情 我创建了一个 GET 请求 它将获得如下所示的 JSON 响应 在下面的例子中我想得到count响应中所有 IsArchived 属性 这些属性的数量因响应而
  • 使用 Lodash 的 TypeScript:_.map(["123", " 234 "], _.trim) 返回 boolean[]?

    我有一个字符串数组 它们已像这样分割 var searchValue 600 800 123 180 var groups searchValue split gt 600 800 123 180 因此项目周围可能存在空格 并且我想删除空格
  • 为什么我需要 $(document.body) 来使用 Mootools Element 方法扩展 document.body?

    因此 在尝试让我的应用程序在最新的 IE 上运行后 结果发现 IE 不喜欢以下代码 document body getElement className Firefox 和 Chrome 响应良好 但是document bodyIE 上没有
  • 使用 jQuery Tablesorter 操作后如何恢复当前页面?

    我正在使用 tablesorter 但无法找到有关插件 tablesorter 寻呼机的任何文档 问题是我有一个显示一些数据的表 并且在每一行中都有一个删除链接 该链接附加了要删除的元素的唯一标识符 显然 是否可以保存我正在删除的页面 然后
  • 如何根据所需表单输入的值更改 CSS 样式

    我想知道如何编写 javascript 来改变所需的表单元素的样式 如果它们有价值的话就改变它们 我想要做的是当所需的文本字段为空时 在它们周围有一个彩色边框 并在它们有值时删除边框样式 我想做的是编写一个 javascript 函数来检查
  • 使用 jquery 提供附加功能时菜单未正确对齐

    I need to make a mega menu similar to one as show in image below 到目前为止 我已经能够在某种程度上使其发挥作用 例如jsFiddle 在这里 http jsfiddle ne
  • 使用 Lodash 将对象键转换为具有键值数量的数组[重复]

    这个问题在这里已经有答案了 我有一个产品对象 products bread 1 milk 2 cheese 2 chicken 1 我想要一个包含产品名称的数组 如下所示 products bread milk milk cheese ch
  • 获取淘汰赛中被点击元素的索引

    获取无序列表中单击元素的索引的最佳方法是什么 让我举个例子 假设我有以下 HTML 代码 ul li p p li ul 现在我有以下 javascript 代码来获取索引 self itemClicked function data it

随机推荐

  • Kubernetes API 服务器,提供 pod 日志

    REST API 请求 GET POST PUT对 Kubernetes API 服务器的请求 响应等都是简单易懂的 比如kubectl create
  • 在mvc项目中使用Jquery删除表中的行

    我生成以下内容html code table for int i 0 i lt Model listUsers Count i tr td Html DisplayFor m gt m listUsers i Name td td Html
  • 折线图的“输入”选择可以设置动画吗?

    我有一个更新得非常好的折线图 直到新数据进入问题 此时 更新 选择会按应有的方式向下动画 但新数据不会 很难解释发生了什么 但一张 gif 胜过一千个单词 注意它何时转换 down 我已将图形包装在具有更新和渲染方法的类中 这是我写的渲染方
  • 如何在 IIS7 中托管 WCF 数据服务 (OData)?

    有谁知道如何在 IIS7 中托管 WCF 数据服务 或 OData 我看到很多有关托管 WCF 的文章 但没有一篇专门针对 WCF 数据服务 非常感谢 主持一个WCF数据服务在 IIS 中实际上是默认选项 这是一个非常简单的 3 步过程 创
  • SPNEGO:成功协商和身份验证后的后续调用

    在过去的几天里 我使用以下方法构建了一个概念验证演示GSS API and SPNEGO 目的是让用户通过 Http RESTful Web 服务单点登录访问我们的自定义应用程序服务器提供的服务 持有有效 Kerberos 票证授予票证 T
  • 在 git clone 命令中使用密码克隆 BitBucket 存储库会导致问题

    我正在尝试使用我的密码git clone命令克隆存储库 但总是会出现以下错误 remote Login failed due to incorrect login credentials or method remote If you ar
  • 我的 Android 应用程序可以在隐身选项卡中打开 URL 吗?

    我们都知道如何在 Android 的浏览器中打开 URL 做这样的事情 Intent browserIntent new Intent android intent action VIEW Uri parse url context sta
  • 在mysql中创建触发器时出现错误“1064”?

    在 mysql 中创建触发器时 我收到错误 1046 我的查询是 CREATE TABLE test Employee id int first name VARCHAR 30 last name VARCHAR 15 start date
  • extjs:加载时如何设置组合框的值

    我正在寻找一个load侦听器 当组合框启动时 load将被调用并向服务器执行 ajax 以获得组合框的正确显示值 但是 加载函数永远不会被调用 我该如何修复它 我想在组合框之前显示文本 所以我添加了属性fieldLabel Save log
  • 量角器未知错误,从 DOM 中删除属性

    我是量角器新手 试图从 DOM 中删除属性 但收到 未知错误 我不确定可能是什么问题 我有一个带有自定义指令的简单 HTML 我正在尝试删除它以使我的测试用例通过
  • 在 Google Colaboratory 上使用 GPU 运行 LightGBM/ LGBM

    我经常在 Google Colabatory 上运行 LGBM 我刚刚发现这个页面说 LGBM 默认设置为 CPU 所以你需要先设置 https medium com am sharma lgbm on colab with gpu c1c
  • Clearcase 7.1.2,VOB 分割

    我们当前设置了 VOB 源代码和文档驻留在同一个 VOB 中 为了减少 VOB 下载时间 我们现在希望将文档移动到新的 VOB 以便只有代码部分保留在旧的 VOB 中 由于有很多文件夹和文件 因此不可能手动重新定位每个文件 文件夹 为此 我
  • 使用框在同一文件上绘制不同的列

    我有一个看起来像这样的文件 cat myfile dat 1 8 32 19230 1 186 3 985 1 8 64 9620 0 600 7 877 1 8 128 4810 0 312 15 136 1 8 256 2410 0 2
  • 同步和可见范围

    我一直在阅读 Java 并发性 但忘记了这样一个事实 使用同一锁的两个线程中的同步块也会影响变量的可见性 即使它们没有定义为 易失性 如果我有这样的代码 Object lock new Object boolean a false b fa
  • PHP MD5 与 C# MD5 不匹配

    我在 C 中有一个哈希方法 如下所示 MD5CryptoServiceProvider md5 new MD5CryptoServiceProvider byte raw input Encoding UTF32 GetBytes hell
  • r 在数据表上的行式迭代

    library quantmod library PerformanceAnalytics getSymbols YHOO src google stock dat data table PerformanceAnalytics Calcu
  • 在 Excel 中复制和重命名未打开的工作簿

    我正在尝试复制位于一个文件路径的整个未打开的工作簿 将其重命名并将其保存到新目录 我在重命名和保存时遇到问题 这是迄今为止我的代码 Private Sub new file Click Dim ActBook As Workbook New
  • 用于初始化列表列表的简洁语法

    C 中是否有用于初始化列表列表的简洁语法 I tried new List
  • 使用 setAttribute 方法() 的 Aurelia 自定义属性

    当我在 javascript 中创建和附加元素并设置自定义属性时 Aurelia 似乎并不知道 除非我做错了什么 例如 const e document createElement div e setAttribute custom att
  • 如何将 iScroll4 与 SwipeView 结合使用?

    我正在使用 iScroll4 在移动网站内的图像上创建水平滚动效果 iScroll 工作得非常好 但问题是 iScroll 包装器中包含的图像禁用了本机垂直滚动 换句话说 用户通过手指滑动来导航页面的操作在 iScroll 包裹图像内的任何