main和modal div之间的侧边栏

Question

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

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

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

Answer 1

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

要调用它，您只需执行$( "#dialog" ).dialog();

之类的操作

其中dialog是你想要在模态框中显示的div的ID。

Answer 2

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

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

然后点击隐藏身体溢出。这会产生幻觉，即滚动条在实际中没有改变。

body.hidescroll{
    overflow:hidden;
}

然后当你关闭模态div时，只需从正文中删除该类。 所有的javascript都非常简单，所以我没有把它包括在内。

Answer 3

您只能操作窗口scrollTop