在Modal中滚动

时间:2014-10-17 11:33:55

标签: javascript jquery html css html5

我的网站上有一个包含内容的模态。但是,我注意到在手机上我无法在内容中滚动。它看起来“固定”,没有滚动条。

我的 JSFiddle 就在这里:http://jsfiddle.net/g1kbvn0s/embedded/result/从这里你可以看到我的CSS和Javascript。我还附上了我的CSS:

        /* line 863, ../sass/_layout.scss */
        html.cinema-viewer {
          overflow: hidden !important;
        }

        /* line 871, ../sass/_layout.scss */
        #cinema-overlay {
          background-color: rgba(0, 0, 0, 0.95);
          width: 100%;
          height: 100%;
          position: fixed;
          top: 0;
          left: 0;
          z-index: 99999 !important;
          overflow: hidden;
          -webkit-user-select: none;
          -moz-user-select: none;
          user-select: none;
        }

非常感谢您提供任何帮助:)

1 个答案:

答案 0 :(得分:0)

尝试添加

#cinema-overlay {
   overflow-y: scroll;
   position:absolute;
}

并删除

overflow:hidden 

来自同一个元素。

http://jsfiddle.net/g1kbvn0s/3/