gpt4 book ai didi

javascript - 我们如何为鼠标滚轮敏感的
制作样式滚动条

转载 作者:行者123 更新时间:2023-11-30 13:15:06 24 4
gpt4 key购买 nike

我需要创建一个页面区域,它有自己的滚动条,就像下图中的 Facebook Messenger 一样。

Stack overflow 在大段代码的答案中有相同的系统,但滚动条没有样式。

注意图片,您会在 Messenger DIV 中看到普通滚动条和样式化滚动条。有人知道怎么做吗?

enter image description here

最佳答案

我想自定义滚动条是用 javascript 实现的,它看起来很漂亮,你不能让浏览器滚动条看起来那么好!

找到一个示例,我刚刚在以下位置为您整理:http://jsfiddle.net/9LHPW/2/ - 注意检查资源选项卡,因为它包含四个外部文件(3x Js 和 1x CSS)

查看此网站以获取更多使用 Javascript 和 jQuery 的示例(看起来正是您想要的):http://manos.malihu.gr/tuts/jquery_custom_scrollbar.html

您可以在 http://manos.malihu.gr/jquery-custom-content-scroller 找到插件的主页

连同如何使用部分!

关于javascript - 我们如何为鼠标滚轮敏感的 <div> 制作样式滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12301588/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com