javascript - 改变html中的滚动条

标签 javascript jquery css html

嗨,我正在制作一个大屏幕触摸界面(约 50 英寸)。我做了用户测试,发现滚动条需要像移动应用程序中的滚动条一样,以便用户通过滚动“内容”,而不是像在 wimp 界面中那样用手指按住并拖动滚动条,这是相当困难的。

现在我的问题是,是否可以在 html/css 应用程序中设置滚动条的样式,以便它们在移动应用程序中显示为滚动条(参见图片)

我计划在 Windows 7 下将 Chrome Web 浏览器设置为 kiosk 模式来运行我的触摸应用程序。

最佳答案

您可以使用 nanobar 来实现此目的 一个很好的在浏览器上生成漂亮滚动条的插件

https://github.com/jamesflorentino/nanoScrollerJS

http://www.mnking.net/2013/04/how-to-change-browser-scrollbar-in-html.html

关于javascript - 改变html中的滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16010056/

相关文章:

jquery - 针对正文中的特定单词并对其应用样式?

html - 水平导航栏中链接的 CSS/HTML 垂直对齐

javascript - 如何在 JavaScript 中的事件图像 slider 的左侧和右侧包含尖括号

javascript - 处理 <?xml-stylesheet> 类似于 <link rel ="stylesheet">?

javascript - IgnoreCasebackbone.js 集合?

javascript - 动态 CFTab onClose 事件

javascript - 卸下右侧和底部/右侧 handle

javascript - 如何使用 Javascript 处理 err_blocked_by_client?

php - 在html中保留嵌套的jquery可排序列表?

javascript - Firefox 开发者版获取注册在元素 getEventListeners 上的所有事件监听器