javascript - Conceal 滚动条并在悬停时显示,就像 facebook 的新聊天侧边栏一样

标签 javascript css facebook scrollbar

<分区>

Facebook 刚刚(再次)更新了聊天功能,现在屏幕左侧保留了一个新的固定边栏。当其内容溢出时,会出现一个滚动条,但前提是用鼠标滚轮滚动或鼠标移到(或靠近)滚动条。如果鼠标不在上面,它就会淡出。它对于事物窗口对象(例如聊天本身)非常有用。那么它是如何工作的呢?

PS 我正在寻找一个纯 html5/css/javascript 解决方案(没有 jquery 或类似的),不需要浏览器支持,应该在最新的 chrome 中工作,仅此而已,因为我只为 chrome 制作一个应用程序。

最佳答案

这是对 Stephen P. 帖子的更新,其中包含样式化的滚动条。

http://jsfiddle.net/PVZB8/139/

-迈克

关于javascript - Conceal 滚动条并在悬停时显示,就像 facebook 的新聊天侧边栏一样,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7125185/

相关文章:

javascript - (codeigniter) 使用jquery调用 Controller 在 View 内加载 View

javascript - 页面调整大小时背景封面

javascript - 如何使用 jqzoom 放大一组元素

css - 在 react 中为 Ant 设计卡提供边界半径

jquery - 如何使用 jQuery 将多个 CSS 元素添加到一个 div?

android - 为 ProfilePictureView 使用 Facebook App-scoped Id

android - 如何使用 App 点赞 Facebook 页面

javascript - '加载错误: unknown' when trying to delete apprequest in Javascript SDK

javascript - GraphQL错误: Right-hand side of 'instanceof' is not callable

javascript - 如何用Javascript或C#下载不同类型计算机格式的文件而不向用户显示?