嗨'我正在制作一个大屏幕触摸界面(ca 50“)。我做了用户测试,发现滚动条需要像移动应用程序中的滚动条,以便用户通过滚动“内容”来强制滚动而不是像在 wimp 界面中那样用手指按住并拖动滚动条,这是相当困难的。
现在我的问题是,是否可以在 html/css 应用程序中设置滚动条的样式,以便它们在移动应用程序中显示为滚动条(见图)?
我计划在设置为 kiosk 模式的 chrome web 浏览器中在 windows 7 下运行我的触摸应用程序。
嗨'我正在制作一个大屏幕触摸界面(ca 50“)。我做了用户测试,发现滚动条需要像移动应用程序中的滚动条,以便用户通过滚动“内容”来强制滚动而不是像在 wimp 界面中那样用手指按住并拖动滚动条,这是相当困难的。
现在我的问题是,是否可以在 html/css 应用程序中设置滚动条的样式,以便它们在移动应用程序中显示为滚动条(见图)?
我计划在设置为 kiosk 模式的 chrome web 浏览器中在 windows 7 下运行我的触摸应用程序。
您可以使用 nanobar fot 这是一个很好的插件,用于在浏览器上生成美容滚动条
https://github.com/jamesflorentino/nanoScrollerJS
或者
http://www.mnking.net/2013/04/how-to-change-browser-scrollbar-in-html.html
由于您提到 Chrome,您可以使用 CSS 规则原生设置滚动条样式 - 请参阅WebKit 中的自定义滚动条