问题标签 [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.
jquery-mobile - 另一个iscrollview中的JQuery Mobile iscrollview
我目前正在将 JQM1.3 与 iscrollview 一起使用,并且想知道当我将一个 iscrollview 放入另一个 iscrollview 时我将如何解决这个问题。
我的 HTML 大致如下:
我遇到的问题是向下滚动时一切看起来都很好,但如果我向上滚动;两个 div 都会向上滚动。无论如何,我可以阻止外部 div 滚动,直到内部 div 位于顶部?
我什至不知道从哪里开始做这样的事情,所以我希望得到一些关于从哪里开始/查找信息的指示?
谢谢,麻烦您了。
jquery-mobile - 如何让 iscrollview 在新显示器上置顶?
JQM 1.3 滚动视图 1.3.1
我有一个使用 data-iscroll 的事件链接列表。每个事件也是一个列表(标题/日期位置/描述)。
每次单击事件列表时,都会显示该事件。如果我向下滚动内容,当我返回事件列表然后单击另一个事件时,视图会滚动到上一个视图停止的位置。
我通过在事件内容上启动 empty() 然后在事件内容的后退按钮上调用 updatelayout 成功地阻止了这种情况:
但是,当然,android 用户不使用后退按钮,而是使用后退键。
我试图在 pagebeforehide 事件上清空()和更新布局,但显然,该位置在该事件发生之前被保存:
我也尝试过使用silentscroll 功能,但它也不起作用:
如何确保在查看新活动时,位置回到顶部?
这是我的 index.html 文件的片段:
jquery-mobile - jQuery mobile iscroll 视图:无法正确输入文本框
在我的 jquery mobile ios phonegap 应用程序中,我使用 iscroll。在使用 iscroll 时,文本框的行为很奇怪(在输入每个字符时上下移动)。
我在我的应用程序中启用了 iscroll,
添加了以下脚本:
我的页面看起来像,
我尝试添加以下代码,但没有奏效
我该如何解决?
请帮忙。
android - 在 Android 2.x 上使用 JQM 开关元素时,iScroll 跳转到页面底部并卡在那里
我在周末与这个错误作斗争,但我找不到解决方案。我的 JQuery Mobile 应用程序有一些开关。在 android 2.2 或 2.3 上进行测试时,会发生一个奇怪的错误:我向下滚动一点以到达开关,然后我用滑动手势触发它们,页面跳到底部甚至是底部。从那时起,无法滚动到页面顶部!似乎可滚动区域以某种方式重新定义了自己。
我做了一个简单的演示来展示这种行为。一切都是开箱即用的。JQM、JQ、iScroll 和 iScrollview 原封不动,没有自己的代码。
更新 我刚刚使用 JQM 1.3.2 在 Github 上进行了升级早午餐 - 开关现在可以工作,但范围滑块没有;/ 似乎与以某种方式触发 iscroll 的滑动事件有关。
你可以在 GitHub 上找到演示: https ://github.com/Hexodus/iScroll_Jumpbug
当您想快速浏览时,甚至还有apk文件(您的手机应该是Android 2.2或2.3):
或者您可以通过二维码快速安装:
顺便说一句 - 我真的无法在 jsfiddle 上复制这个错误,因为它不会在那里发生。Jsfiddle 正在更改某些内容,因此页面甚至无法正确显示。
我非常需要你们的帮助。
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。出现一些错误,其他错误不会调整大小和刷新滚动条。
我的问题是:如果滚动区域在方向改变时自行纠正,我如何在每次显示页面时强制它自行纠正?
css - 如何使用 iScrollview 将滚动条正确添加到 jQuery Mobile 弹出窗口?
我正在使用 jQuery Mobile、iScrollview 和 Google 地图制作网页。当地图被初始化时,它将加载一组带有包含图像的信息窗口的标记。单击图像时,它将加载带有列表的 jQM 弹出窗口的内容并显示弹出窗口。
我有两个问题:
1) 如何为 jQM 弹出窗口的内容设置高度(例如 150 像素)?使用 iScrollview,内容的高度会被覆盖并变大。使用文档中指定的refresh()没有效果(或者我用错了吗?)。
2) 有没有办法让我只在列表超过内容高度时才显示滚动条?目前,它总是显示一个滚动条。
HTML
CSS
JavaScript
jquery-mobile - 使用 jQuery iScrollView 库的多个滚动条
我想要两个可滚动的 div 并排,但下面的 html 仅使用类“ui-block-a”为第一个 div 生成滚动条。
html - 带有 IScrollView 的 Jquery Mobile 页面内的 GMap
我有一个使用实现 IScrollView 的 JQuery Mobile v1.3.2 创建的 webapp。当我垂直滚动地图时,滚动视图也会滚动。有没有办法禁用该行为,在滚动 gmap 时取消 iscroll 滚动?
提前致谢。
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 中的容器数量有关。
我的标记看起来更简化,如下所示:
任何人都可以确认这种行为吗?有可用的解决方法吗?
jquery - 使用 iscrollview 时未触发 onScrollEnd 事件
我在包含列表视图的页面上使用 jquery mobile 和 iscroll/iscrollview,以便滚动列表视图内容。列表视图滚动得很好。 问题是列表视图项目在列表滚动时被意外点击。
如果您有任何解决方案,请告诉我。
我一直在尝试绑定到 onScrollEnd 事件,但未成功,以便我可以将变量 (scroll_stop_time) 设置为滚动停止的时间。
我还有一个 pagebeforechange 事件,它正在检查 scroll_stop_time 变量的时间值,如果时间太近(小于 200 毫秒前),那么我停止点击。
但是,我无法触发 onscrollend 事件,因此 scroll_stop_time 永远不会更新,并且所有点击都会通过。
我的代码:
我在浏览器控制台中得到以下输出: