javascript - 主 div 和模态 div 之间的侧边栏

Question

在我的网站中，我有主 div（我有所有内容）和一个隐藏的 div（用于在用户选择一次时显示有关某些内容的详细信息）。

问题是我不能这样：“当用户点击一个内容或项目时，会显示模态 div（在前端使用 z-index :)）并且屏幕右侧的滑块可用于滚动在此模态中（不滚动后端内容）。当模态div关闭时，此滚动条将用于滚动主页内容“。

这正是我想要得到的：http: //pinterest.com/rasagy/font-picker/

score 0 · Accepted Answer

您想要的是使“模态 div”成为页面的完整大小

div.modal{
    ...
    height: 100%;
    width:100%;
    overflow:auto;
}

然后在点击时隐藏body的溢出。这会给人一种错觉，即滚动条实际上没有改变。

body.hidescroll{
    overflow:hidden;
}

然后，当您关闭模态 div 时，只需从正文中删除该类。用于此的所有 javascript 都非常简单，所以我没有包含它。

score 0 · Accepted Answer

0

只能操作窗口scrollTop

于 2013-09-10T04:29:47.577 回答

score 0 · Accepted Answer

你可以使用这个http://jqueryui.com/dialog/阅读如何实现 jquery ui，里面有对话框，你设置一个高和所有，滚动条，面板，内容等。

要调用它，您只需执行类似的操作$( "#dialog" ).dialog();

其中 dialog 是要在模式框中显示的 div 的 ID。

3 回答 3