Facebook刚刚更新聊天(又一次),现在屏幕左侧有一个新的固定侧栏.当其内容溢出时,会出现滚动条,但仅当使用鼠标滚轮滚动或鼠标移动(或接近)滚动条时.如果鼠标没有在它上面,它会淡出.它对于窗口对象(例如聊天本身)非常有用.那么它是怎样工作的?
PS我正在寻找一个纯粹的html5/css/javascript解决方案(没有jquery等),没有必要的浏览器支持,应该在最新的chrome中工作,仅此而已,因为我只为chrome制作应用程序.
我试图实现一个DIV有内部滚动条和圆角的场景.我的第一次尝试导致了这个:

由于滚动条,右手角变为方形.
接下来,我添加了一个带有顶部和底部填充的内部div,以便向下推动滚动条并保持计数的角度.那是这样的:

我想要一个混合,其中滚动条是div的全长,但不要使角落正方形.这可能吗?
有什么方法可以在浏览器的滚动条上叠加DIV吗?
我意识到可以使用来隐藏滚动条overflow: none,但我想实际将DIV放在滚动条上而不是将其隐藏。
我需要在移动设备和平板电脑模式下设计滚动条(更好的设计),以在所有桌面浏览器监视器中激活。
桌面模式下的滚动条使设计变得丑陋。
可以做到?
没有插件请
这是我的CSS代码:
aside {
overflow: hidden auto;
height: 80vh;
}
Run Code Online (Sandbox Code Playgroud)
在图像中,当检测到用户代理其平板电脑或移动设备时,浏览器会加载滚动条,设计精美。
我随时都需要滚动条来加载。不需要javascript或css,因为浏览器会根据设备改变它。让我明白一下?
注意:抱歉我的英语很差。