Question

我正在使用JQuery自定义框，并且出于某种原因无法在页面的移动视图上启用滚动/滚动条。

下面显示的JqueryCustomBoxCSS允许自定义框显示在PC的页面中间，但是更改JqueryCustomBox CSS以通过将其更改为高度来实现在移动视图上滚动：100％并溢出：自动...然后影响在PC上的主视图，其中自定义框将位于屏幕的顶部而不是中间。

有人可以帮忙吗？我将在下面发布我的css / html和截图或2（编辑只是注意到我的代表不够高，无法发布图片）。

那么我可以使用什么css来使移动视图与滚动一起使用而不影响自定义框的全屏位置？

任何帮助都非常感谢!!

谢谢！

.custombox-show {
  visibility: visible;
}
.custombox-modal {
  height: auto;
  visibility: hidden;
}
.custombox-error {
  position: fixed;
  top: 50%;
  left: 50%;

<div class="four columns">
  <div class="milestones-wrap">
    <div class="milestones-wrap-icon">
      <img src="@Url.Content(" ~/images/about/1950s.jpg ")" alt="" />
    </div>
    <p>Movies, movies, marriage!</p>
    <a href="#modal3" class="list-group-item" id="slide">
      <p>read more...</p>
    </a>
  </div>
</div>


<div id="modal3" style="display: none;" class="modal-example-content">
  <button type="button" class="close" onclick="$.fn.custombox('close');">&times;</button>
  <div class="container">
    <div class="sixteen columns">
      <div class="milestones-wrap">
        <div class="milestones-wrap-icon">
          <img src="@Url.Content(" ~/images/about/1950s.jpg ")" alt="" />
        </div>
      </div>
    </div>
    <div class="sixteen columns">
      <div class="modal-example-body">
        <p class="format-text"><span class="format-span">1955: </span> Mario submitted artwork to Howard Hughes for the movie 'Son Of Sinbad'.</p>
        <p class="format-text"><span class="format-span">1955: </span> Mario submitted artwork to Howard Hughes for the movie 'Underwater!'.</p>
        <p class="format-text"><span class="format-span">1951: </span> Mario submitted artwork to Howard Hughes for the movie 'His Kind Of Woman'.</p>
        <p class="format-text"><span class="format-span">1950: </span> Mario submitted artwork to Howard Hughes for the movie 'Vendetta'.</p>
      </div>
    </div>
  </div>
</div>

JQuery custombox CSS滚动问题

0 个答案: