用于移动应用程序的使用 jquery 或 javascript 的菜单滚动条 [关闭]答案

【问题标题】：Menu scroll-bar using jquery or javascript for mobile application [closed]用于移动应用程序的使用 jquery 或 javascript 的菜单滚动条 [关闭]
【发布时间】：2011-11-01 23:41:14
【问题描述】：

我想为移动应用程序创建一个菜单滚动条，它应该通过拖动手指来滚动。它可能是通过使用javascript或jquery。我想在 JSP 中创建的移动 Web 应用程序中使用它。

请帮忙。

【问题讨论】：

这应该是没有任何子菜单的简单菜单栏
这还不是很清楚。你能给我们看一张草图吗？它应该如何滚动？您想适应什么范围的设备？
它应该在 div 标签中包含 5-6 个元素，例如主页、用户、标签、问题等，但它现在应该只显示 2-3 个，当我向左或向右滚动时应该显示其余元素

标签： javascript jquery jsp jquery-mobile

【解决方案1】：

我使用 iScroll 为移动设备制作可滚动区域。它非常轻巧并且有很多选择：http://cubiq.org/iscroll-4

您可以创建水平/垂直/2D 可滚动区域，您可以捕捉元素，如果内容发生变化，轻松刷新可滚动区域，iScroll 添加可自定义的滚动条。

【讨论】：

嗨，Jasper，谢谢你的回答，如果我想水平制作，你能帮我在哪里改变
我也使用过 iscroll，尽管我们最终决定在我们需要支持的所有设备（ios、android、黑莓、诺基亚等）上滚动页面的一部分被证明是太多了为我们的用户工作，不一定是很好的用户体验。 @user965884 请注意，手机网络浏览器上的水平滚动不一定是最直观的用户体验。
嗨，DA，感谢您的 cmets，我只需要一个与 Fox news 移动应用程序相同的水平菜单栏。
查看 iScroll 4 网站上“向 iScroll 传递参数”标题下的内容。如果您将hscroll 设置为true 并将vScroll 设置为false，您将获得一个水平滚动条。请注意，您正在滚动的元素需要比其容器（您调用 iScroll 的元素）更宽才能滚动。 @DA 这是一个好点，如果您想向您的用户介绍水平滚动条，请确保您的用户有一个可视队列，他们可以滚动该区域。