@z_u_l

Как открыть попап в попапе fancybox чоб не было скролла по странице?

fancybox 2.1.5 Когда открываю попап в попапе, то появляется скролл на странице. Кто-нибудь сталкивался с этим? Есть ли способы решения? Спасибо.

inde.html

<!DOCTYPE html>
<html>
<head>
    <title>fancyBox - Fancy jQuery Lightbox Alternative | Demonstration</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <!-- Add jQuery library -->
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.pack.js"></script>
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" media="screen" />

    <script type="text/javascript">
        $(document).ready(function() {
            $('.fancybox').fancybox({
                openEffect : 'none',
                closeEffect : 'none'
            });

            
        });
    </script>
    <style type="text/css">
        body {
            max-width: 700px;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <ul>
        <li><a class="fancybox  fancybox.ajax" href="ajax.txt">Ajax</a></li>
    </ul>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis eveniet ad nam totam placeat quibusdam nesciunt excepturi iure, nobis repellat animi, voluptates libero facilis voluptatem, suscipit. Fugiat nam hic, alias ea delectus accusantium distinctio repudiandae facere! Pariatur aspernatur ut excepturi soluta ea distinctio temporibus incidunt fugit, ex facilis nisi enim atque quasi nesciunt itaque non deleniti odio nostrum! Maiores deserunt atque neque vero, iure voluptate expedita ipsam voluptates officia quo aperiam sunt sit, asperiores quos error officiis eveniet placeat modi beatae? Officia, saepe nobis blanditiis beatae magni, inventore dolorem unde ab voluptate perferendis, dolor. Dolores debitis porro nihil beatae dolorum, placeat quibusdam officia adipisci ullam aut neque vel quisquam modi ab suscipit assumenda. Quibusdam labore vel dolorum et commodi nulla iure, molestias, provident nam amet nesciunt omnis tempore eaque architecto neque numquam? Ipsam, dicta culpa tempora consequuntur in, aspernatur nulla iure eaque veniam non assumenda fugit, commodi cumque veritatis molestias. Nobis deserunt officia amet excepturi hic totam, neque, voluptatum rerum perspiciatis, explicabo optio mollitia exercitationem, et temporibus. Facere libero enim officiis repellat id, porro deleniti provident praesentium ipsa veritatis possimus voluptas iste odit modi, aliquam commodi temporibus ex vitae odio quaerat eaque rem. Doloremque sunt nemo accusantium eveniet, sequi autem eum repellat laboriosam nam, dolorem distinctio voluptatum placeat saepe fugiat velit incidunt reprehenderit voluptatibus! Magnam molestias laudantium dolores nobis fugit quos assumenda illo aliquam in iusto quae similique ipsam pariatur autem, a ad excepturi. Dicta quam autem officia nostrum rem odit maiores quae amet in corrupti explicabo illo animi, impedit eligendi tempora laboriosam commodi eaque accusamus consequuntur, iusto ipsa. Nihil, earum. Cupiditate iusto harum necessitatibus iste quod excepturi corporis dolorum nihil nesciunt eaque sint perferendis sit officiis, error voluptates ipsum a. Assumenda facilis sequi, eos impedit, quis quam expedita aliquam adipisci pariatur rem quas laborum earum, dignissimos ratione nulla magni, dicta placeat. Illo est quaerat velit dolorem veniam in id consequuntur alias odit officiis quam, rerum ullam odio architecto. Soluta molestiae rem, animi velit veniam deleniti dolor blanditiis odio et. Voluptatem unde impedit temporibus eos laborum amet alias, non soluta quae nam a, in deleniti doloribus nulla iure eligendi ratione dolore expedita corporis sed illo consectetur obcaecati, nisi, neque. Iure neque ipsum nihil enim, minima ratione perspiciatis sit beatae non animi, labore exercitationem doloremque facere eos cupiditate itaque culpa? Doloremque officia amet iusto autem obcaecati, maxime. Inventore asperiores debitis autem officia molestiae nisi, excepturi quia laboriosam perspiciatis iusto sunt dignissimos id perferendis voluptates modi totam dolorum est? Minima quae libero sapiente eum est vel ab nihil perferendis pariatur ipsam maiores vero atque sit placeat, exercitationem inventore laborum deserunt, corrupti ut. Placeat ea et fugit tempore, eligendi amet optio aperiam odio nemo a natus. Distinctio laboriosam, non animi eveniet incidunt dolor doloremque harum minima nesciunt architecto sed provident dolores, sit ullam quibusdam laborum neque. Officia eaque voluptatibus rem quasi amet tenetur vero, incidunt illo pariatur, asperiores sapiente soluta nam praesentium reiciendis dolor ab nisi modi sequi minus odio eos enim. Obcaecati repellendus explicabo quis magni numquam error voluptatem tempore, veritatis distinctio optio repudiandae, nihil eveniet praesentium aliquam, reiciendis. Minus, quaerat quibusdam saepe illum ipsa quae. Laudantium maxime optio nobis esse tempora aut ad voluptatem vero totam soluta odio quaerat aliquid sit animi quae porro, odit id perferendis itaque, adipisci ullam. Iure, sed pariatur magnam error nesciunt corrupti minima cupiditate ab molestias suscipit at natus quidem. Nulla odit aliquam suscipit praesentium, quis et cupiditate quaerat quasi. Magnam ut hic nam, dicta, error quod eaque harum ad neque amet sequi consequatur, architecto, aspernatur tempore fuga. Ut porro dolore doloremque cum maxime culpa, molestias, sequi a ex quisquam omnis. Sit, nobis laboriosam rerum perspiciatis veritatis ab, quas assumenda molestias excepturi praesentium nemo, architecto earum. Pariatur quaerat dicta ea modi, atque dolor deserunt incidunt sequi ut culpa non quae amet, aspernatur, accusantium commodi sapiente magni. In quam delectus quos magni tempore suscipit repellendus praesentium commodi exercitationem, voluptas, quibusdam provident. Aliquam, dolor? Totam officiis quas odio cum saepe possimus vero eveniet ad quod illo corrupti, eaque eum! Quo doloribus dolores, assumenda repellat quidem nulla temporibus, laborum suscipit, quam qui dolor praesentium perspiciatis possimus molestias unde omnis quia id, excepturi et cupiditate asperiores deleniti placeat vel aut. Mollitia molestias alias velit dolores doloribus expedita, excepturi ipsam atque cupiditate dolor accusamus placeat aperiam error natus doloremque sapiente adipisci necessitatibus eaque, harum repudiandae animi nam. Iusto, laborum eos tempora voluptates, officia atque nemo, nesciunt ipsum, repellendus molestiae laboriosam explicabo? Non, dolores dolor. Suscipit dolor architecto reiciendis, reprehenderit sint expedita! Sequi fugit ducimus, provident earum eum possimus blanditiis quia modi quo quod, tempora consequatur ipsa sapiente. Ab voluptas necessitatibus repudiandae ipsa, placeat doloremque architecto minus consectetur veritatis harum praesentium dolore culpa alias suscipit in optio est et quia mollitia inventore, itaque, distinctio libero. Est veniam accusamus nesciunt sint, magnam mollitia, cumque in recusandae eligendi totam, obcaecati placeat adipisci optio quos.</p>
</body>
</html>


ajax.txt

<div style="max-width:700px;min-width:200px;">
    <h2>Lorem ipsum dolor sit amet3</h2>
    <p>
        <a class="fancybox fancybox.ajax" href="ajax.txt">aj</a>
    </p>
    <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas fermentum ante et sapien dignissim in viverra magna feugiat. Donec tempus ipsum nec neque dignissim quis eleifend eros gravida. Praesent nisi massa, sodales quis tincidunt ac, semper quis risus. In suscipit nisl sed leo aliquet consequat. Integer vitae augue in risus porttitor pellentesque eu eget odio. Fusce ut sagittis quam. Morbi aliquam interdum blandit. Integer pharetra tempor velit, aliquam dictum justo tempus sed. Morbi congue fringilla justo a feugiat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent quis metus et nisl consectetur pharetra. Nam bibendum turpis eu metus luctus eu volutpat sem molestie. Nam sollicitudin porttitor lorem, ac ultricies est venenatis eu. Ut dignissim elit et orci feugiat ac placerat purus euismod. Ut mi lorem, cursus et sagittis elementum, luctus ac massa.
    </p>
    <p>
    Phasellus et ligula vel diam ullamcorper volutpat. Integer rhoncus rhoncus aliquam. Aliquam erat volutpat. Aenean luctus vestibulum placerat. Quisque quam neque, lacinia aliquet eleifend ac, aliquet blandit felis. Curabitur porta ultricies dui, sit amet mattis quam euismod a. Ut eleifend scelerisque neque, sit amet accumsan odio consequat ut. Proin facilisis auctor elit sed accumsan. Cras dapibus nisl in nisi rhoncus laoreet. Nullam pellentesque tortor libero, eget facilisis ipsum. Donec ultricies tellus tellus, in tincidunt purus. Nullam in est aliquam velit scelerisque blandit. In tincidunt, magna a dapibus imperdiet, quam urna elementum leo, vitae rhoncus nisl velit cursus velit. In dignissim sem ac mauris rhoncus ornare.
    </p>
    <p>
    Duis imperdiet velit vel quam malesuada suscipit imperdiet tellus hendrerit. Mauris vestibulum odio mauris, ut placerat leo. Mauris quis neque at tellus feugiat congue id non enim. Nam vehicula posuere nulla eget vehicula. Donec pretium purus nec ligula porta eu laoreet sapien venenatis. Nulla facilisi. Phasellus eget mi enim. Phasellus molestie tincidunt ultrices. Aenean id sem a tellus lobortis tincidunt. Nam laoreet nulla vel velit tincidunt ac rutrum libero malesuada. Nulla consequat dolor quis nisl tempor fermentum. Integer sodales pretium varius. Aenean a leo vitae odio dictum dignissim malesuada nec dolor. Phasellus adipiscing viverra est, ac sagittis libero sagittis quis. Sed interdum dapibus nunc et fringilla. Nunc vel velit et urna laoreet bibendum.
    </p>
</div>
</div>
  • Вопрос задан
  • 289 просмотров
Пригласить эксперта
Ответы на вопрос 1
@Santa_Claus
Пробовал задать параметром?

$.fancybox({
...
'scrolling' : 'no',
...
});
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы