问题标签 [iscrollview]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
152 浏览

jquery-mobile - 另一个iscrollview中的JQuery Mobile iscrollview

我目前正在将 JQM1.3 与 iscrollview 一起使用,并且想知道当我将一个 iscrollview 放入另一个 iscrollview 时我将如何解决这个问题。

我的 HTML 大致如下:

我遇到的问题是向下滚动时一切看起来都很好,但如果我向上滚动;两个 div 都会向上滚动。无论如何,我可以阻止外部 div 滚动,直到内部 div 位于顶部?

我什至不知道从哪里开始做这样的事情,所以我希望得到一些关于从哪里开始/查找信息的指示?

谢谢,麻烦您了。

0 投票
1 回答
579 浏览

jquery-mobile - 如何让 iscrollview 在新显示器上置顶?

JQM 1.3 滚动视图 1.3.1

我有一个使用 data-iscroll 的事件链接列表。每个事件也是一个列表(标题/日期位置/描述)。

每次单击事件列表时,都会显示该事件。如果我向下滚动内容,当我返回事件列表然后单击另一个事件时,视图会滚动到上一个视图停止的位置。

我通过在事件内容上启动 empty() 然后在事件内容的后退按钮上调用 updatelayout 成功地阻止了这种情况:

但是,当然,android 用户不使用后退按钮,而是使用后退键。

我试图在 pagebeforehide 事件上清空()和更新布局,但显然,该位置在该事件发生之前被保存:

我也尝试过使用silentscroll 功能,但它也不起作用:

如何确保在查看新活动时,位置回到顶部?

这是我的 index.html 文件的片段:

0 投票
3 回答
921 浏览

jquery-mobile - jQuery mobile iscroll 视图:无法正确输入文本框

在我的 jquery mobile ios phonegap 应用程序中,我使用 iscroll。在使用 iscroll 时,文本框的行为很奇怪(在输入每个字符时上下移动)。

我在我的应用程序中启用了 iscroll,

添加了以下脚本:

我的页面看起来像,

我尝试添加以下代码,但没有奏效

我该如何解决?

请帮忙。

0 投票
0 回答
524 浏览

android - 在 Android 2.x 上使用 JQM 开关元素时,iScroll 跳转到页面底部并卡在那里

我在周末与这个错误作斗争,但我找不到解决方案。我的 JQuery Mobile 应用程序有一些开关。在 android 2.2 或 2.3 上进行测试时,会发生一个奇怪的错误:我向下滚动一点以到达开关,然后我用滑动手势触发它们,页面跳到底部甚至是底部。从那时起,无法滚动到页面顶部!似乎可滚动区域以某种方式重新定义了自己。

我做了一个简单的演示来展示这种行为。一切都是开箱即用的。JQM、JQ、iScroll 和 iScrollview 原封不动,没有自己的代码。

更新 我刚刚使用 JQM 1.3.2 在 Github 上进行了升级早午餐 - 开关现在可以工作,但范围滑块没有;/ 似乎与以某种方式触发 iscroll 的滑动事件有关。

一步一步的错误测试1

一步一步的错误测试2

一步一步的错误测试3

一步一步的错误测试4

你可以在 GitHub 上找到演示: https ://github.com/Hexodus/iScroll_Jumpbug

当您想快速浏览时,甚至还有apk文件(您的手机应该是Android 2.2或2.3):

或者您可以通过二维码快速安装: android demo的二维码是滚动跳转但是

顺便说一句 - 我真的无法在 jsfiddle 上复制这个错误,因为它不会在那里发生。Jsfiddle 正在更改某些内容,因此页面甚至无法正确显示。

我非常需要你们的帮助。

0 投票
0 回答
902 浏览

jquery - iScrollview 未正确计算内容 div 高度

我正在使用带有 iScrollview 小部件插件的 jQuery Mobile 和 iScroll。我的目的是将页眉和页脚设置为固定位置,并让 iScroll 处理两者之间的所有内容的滚动。

所以我有这样的事情:

我的问题是,当页面最初显示时,内容并没有一直延伸到页脚。我可以在 Firebug 中看到我的桌面浏览器上的 data-iscroll div 高度设置为 759px。它应该是 865 像素。不同之处在于 53px 页眉和 53px 页脚。换句话说,iScroll 会考虑页眉和页脚的高度,即使它们在我的 iscroll-data div 之外。

当我改变方向时,iscroll div 正确调整到全高。

如果我在 pageinit 上添加它,第一页会正确显示,但后续页面都不会正确显示。

我已经尝试过 pagebeforecreate、pagecreate、pageinit、pagebeforeshow、pagebeforehide、pageshow pagehide、pagebeforechange、pagechange 和 pagechangefailed。出现一些错误,其他错误不会调整大小和刷新滚动条。

我的问题是:如果滚动区域在方向改变时自行纠正,我如何在每次显示页面时强制它自行纠正?

0 投票
1 回答
7401 浏览

css - 如何使用 iScrollview 将滚动条正确添加到 jQuery Mobile 弹出窗口?

我正在使用 jQuery Mobile、iScrollview 和 Google 地图制作网页。当地图被初始化时,它将加载一组带有包含图像的信息窗口的标记。单击图像时,它将加载带有列表的 jQM 弹出窗口的内容并显示弹出窗口。

我有两个问题:

1) 如何为 jQM 弹出窗口的内容设置高度(例如 150 像素)?使用 iScrollview,内容的高度会被覆盖并变大。使用文档中指定的refresh()没有效果(或者我用错了吗?)。

2) 有没有办法让我只在列表超过内容高度时才显示滚动条?目前,它总是显示一个滚动条。

HTML

CSS

JavaScript

0 投票
0 回答
201 浏览

jquery-mobile - 使用 jQuery iScrollView 库的多个滚动条

我想要两个可滚动的 div 并排,但下面的 html 仅使用类“ui-block-a”为第一个 div 生成滚动条。

0 投票
1 回答
120 浏览

html - 带有 IScrollView 的 Jquery Mobile 页面内的 GMap

我有一个使用实现 IScrollView 的 JQuery Mobile v1.3.2 创建的 webapp。当我垂直滚动地图时,滚动视图也会滚动。有没有办法禁用该行为,在滚动 gmap 时取消 iscroll 滚动?

提前致谢。

0 投票
1 回答
971 浏览

jquery-mobile - PhoneGap + JQM + iScrollView:“iscroll-content”内的大内容滚动不连贯

iScrollView在我的应用程序(PhoneGap, JQM 1.3, Android)上使用。在这方面的出色工作。这是一颗宝石。

实际上我正在三星 Galaxy S3 上进行测试。

我的第一页的垂直尺寸很大(大约 6000 像素),由一堆<div>带有图像的容器(带有外部 src)组成。

这些 DIV - 容器根据 Json 数据动态添加到内容 div。然后我正在做一个refresh. 到目前为止一切都很好。

但我注意到的是,data-iscroll在我的内容中省略该属性时<div>,滚动更加流畅,而且一点也不波涛汹涌。但是在将data-iscroll属性添加到 content-DIV 时,滚动是不稳定的。

我认为这是因为锚标签或图像,所以我用跨度替换了 div 容器并在其中添加了一些文本。我复制了大约 30 个跨度并观察了滚动的行为。它是波涛汹涌的——即使有跨度。然后我只用了 15 个跨度,滚动更顺畅了。它与 content-div 中的容器数量有关。

我的标记看起来更简化,如下所示:

任何人都可以确认这种行为吗?有可用的解决方法吗?

0 投票
2 回答
2144 浏览

jquery - 使用 iscrollview 时未触发 onScrollEnd 事件

我在包含列表视图的页面上使用 jquery mobile 和 iscroll/iscrollview,以便滚动列表视图内容。列表视图滚动得很好。 问题是列表视图项目在列表滚动时被意外点击。

如果您有任何解决方案,请告诉我。

我一直在尝试绑定到 onScrollEnd 事件,但未成功,以便我可以将变量 (scroll_stop_time) 设置为滚动停止的时间。

我还有一个 pagebeforechange 事件,它正在检查 scroll_stop_time 变量的时间值,如果时间太近(小于 200 毫秒前),那么我停止点击。

但是,我无法触发 onscrollend 事件,因此 scroll_stop_time 永远不会更新,并且所有点击都会通过。

我的代码:

我在浏览器控制台中得到以下输出: