当前位置: 首页 > 面试题库 >

如何在div上创建自定义滚动条(Facebook风格)

危斯伯
2023-03-14
问题内容

我想知道如何在Facebook上制作自定义滚动条。

是只有CSS还是一些JavaScript?

如果可以,我可以对代码的外观有所了解吗?

此问题特定于Facebook滚动条样式,而不是如何简单地具有自定义滚动条


问题答案:

使用样式类似于滚动条的div来捕获单击和拖动事件。与这些事件相关的是滚动另一个div的内容的方法,该div设置为任意高度,并且通常具有css规则的overflow:scroll(css规则有变体,但是您知道了)。

我全都是关于学习的经验-但是,在您了解了它的工作原理之后,我建议您使用一个库(其中有很多库)来进行学习。这是那些“不要重新发明”的东西之一。



 类似资料:
  • 本文向大家介绍如何使用CSS创建自定义滚动条?,包括了如何使用CSS创建自定义滚动条?的使用技巧和注意事项,需要的朋友参考一下 要使用CSS创建自定义滚动条,代码如下- 示例

  • 我一直在为我的项目使用tkinter滚动条。但是,当我使用属性troughcolor时,滚动条的颜色不会改变。所以,我想为tkinter和python制作一个自定义滚动条,可以用来在框架中滚动。然后我将添加颜色到这个自定义滚动条。有没有办法这样做?下面是我的代码:

  • 问题内容: 如何通过CSS(级联样式表)为一个页面而不是整个页面自定义滚动条? 问题答案: 我认为整合有关滚动条,CSS和浏览器兼容性的最新信息会有所帮助。 滚动条CSS支持 当前,没有跨浏览器的滚动条CSS样式定义。最后,我在W3C文章中提到了以下内容,并于最近进行了更新(2014年10月10日): 某些浏览器(IE,Konqueror)支持非标准属性“ scrollbar-shadow-col

  • 滚动条显示位置都是在最右侧或最底部,怎样控制滚动条显示在某一个div里面或为一个位置? 不是说滚动位置,滚动条的显示位置

  • 问题内容: 我想用CSS自定义滚动条。 我使用此WebKit CSS代码,该代码非常适合Safari和Chrome: 如何在Firefox中执行相同的操作? 我知道我可以使用jQuery轻松地做到这一点,但如果可行,我宁愿使用纯CSS做到这一点。 将不胜感激某人的专家意见! 问题答案: Firefox 64添加了对规范草案CSS滚动条模块级别1的支持,该模块添加了的两个新属性,并提供了一些如何显示

  • 本文向大家介绍JS自定义滚动条效果,包括了JS自定义滚动条效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了JS自定义滚动条的具体代码,供大家参考,具体内容如下 更多关于滚动效果的精彩文章点击下方专题: javascript滚动效果汇总 jquery滚动效果汇总 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。