html – 如何使用滚动条外部div滚动的DIV像在Facebook上？

发布时间：2020-12-14 19:38:22 所属栏目：资源来源：网络整理

导读：我想有一个可滚动的div,滚动条应该在浏览器的右侧作为默认(但不在右侧).我在Facebook上看到(ceter div – contentArea被右侧浏览器滚动条滚动). 解决方法 Facebook所做的一切就是让所有不滚动的内容都有固定的位置.这样,本地浏览器滚动条将会显示为仅滚动中

我想有一个可滚动的div,滚动条应该在浏览器的右侧作为默认(但不在右侧).我在Facebook上看到(ceter div – contentArea被右侧浏览器滚动条滚动).

解决方法

Facebook所做的一切就是让所有不滚动的内容都有固定的位置.这样,本地浏览器滚动条将会显示为仅滚动中心区域,而实际上该页面的其余部分已固定在位.

一个非常简单的例子：

http://jsfiddle.net/tcaVN/

现在想象一下上面的,但是所有不可滚动的项目设置为#header.

编辑

这是一个稍微复杂的例子,有三列：

http://jsfiddle.net/tcaVN/1/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!