在不使用 Flash 的情况下更改滚动条的图像
如何更改带有溢出的框中滚动条的外观(而不是颜色)?我知道如何在闪存中执行此操作,我需要一种无需闪存即可执行此操作的方法。事实上,我想知道他们是如何在苹果网站上制作这个滑块的: http://www.apple .com/mac/ 看起来他们使用了 css 和 javascript,但这就是我所知道的。他们有可能使用 DOM、DHTML、HTML 5、Ruby 或 PHP 来做到这一点吗?我不知道。
如果您愿意分享答案,我先谢谢您。
How can i change the appearance (not the color) of a scrollbar within a box with overflow? I know how to do it in flash, I need a way to do it without it. In fact, I want to know how they did this slider in the apple web site: http://www.apple.com/mac/
It seems they used css along with javascript, but that's all I know. Is it possible that they did it using DOM, DHTML, HTML 5, Ruby or PHP? I have no idea.
If you'd be kind enough to share the answer, I thank you in advance.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
他们基本上使用图像、CSS 和一些 JavaScript 重新创建了一个假滚动条。当您拖动图像时,Javascript 会使其与鼠标光标一起移动,并沿相反方向滚动框内容。真正的滚动条是使用 CSS 隐藏/停用的。
在这里查看一些示例/教程: http://www.hiddenpixels.com/javascript /自定义-javascript-滚动条/
They basically re-created a fake scrollbar using images, CSS and some Javascript. When you drag the image, Javascript makes it move together with the mouse cursor and scrolls the box contents in the opposite direction. The real scrollbar is being hidden/deactivated using CSS.
Look here for some examples/tutorials: http://www.hiddenpixels.com/javascript/custom-javascript-scrollbar/