Javascript main和modal div之间的侧栏

在我的网站中，我有一个主div，其中有我所有的内容，还有一个隐藏div，当用户选择一次时，它用来显示一些内容的详细信息

问题是，我不能这样做：当用户在一个内容或项目上clic时，modal div使用z-index显示在前端，屏幕右侧的滑块可用于在此模式下滚动，而不是滚动后端内容。当modal div关闭时，此滚动条将用于滚动主页内容

这正是我想要得到的：

你可以用这个阅读如何实现jquery ui，有对话框，你可以设置一个高和所有，滚动条，面板，内容等等

称之为$dialog.dialog

---

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

您需要的是使模式div成为页面的完整大小

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

然后使溢出的身体隐藏在点击。这会给人一种错觉，认为滚动条没有改变，而实际上它已经改变了

body.hidescroll{
    overflow:hidden;
}

然后，当您关闭modal div时，只需从body中删除该类。

---

所有的javascript都非常简单，所以我没有包括在内。

您只能操作scrollTop窗口

没有提供代码？蒂斯克，我不想全屏显示模态div。模式有一个背景div，它将折叠主div。所有my div模式的内容必须使用与主内容div相同的滚动条显示！好吧，你链接到pintrest说这正是你想要的，这会得到那种效果。正如你所说的，你可以做一些类似的事情来隐藏内容滚动，然后制作一个全屏div并在你希望它显示的地方显示第二个内部div.Tks。我找到了解决办法：谢谢。但是我在我的网站和它的模式分区中使用Bootstrap Twitter。我想找到一个兼容的解决方案：在包中创建两个分区，第一个是固定的和彩色的，第二个是透明背景和绝对适当的模式数据容器：