fancybox-2 горизонтальная полоса прокрутки выключена

Question

fancybox-2 горизонтальная полоса прокрутки выключена

0

fancybox версия 2 по какой-либо причине показывает #fancybox-inner horizontal scrolling bar. Даже я изменил размер окна, на котором отображается панель прокрутки. Как я могу скрыть горизонтальную полосу прокрутки?

function display_dialog() {
        $.fancybox.open({
            href: '/ContactSubmission/',
            type: 'ajax',
            padding: 15,
            openEffect: 'fade',
            openSpeed: 'normal',
            closeEffect: 'elastic',
            closeSpeed: 'slow',
            autoSize: true,
            scrolling: 'auto',
            helpers: {
                title: {
                    type: 'float'
                },
                overlay: {
                    locked: true
                }
            },
            afterLoad: function(){ 
              $("#fancybox-frame").css({'overflow-x':'hidden'}); 

            } 
        });

    };

Я пробовал $("#fancybox-frame").css({'overflow-x':'hidden'}); все еще не работает.

James123 02 янв. 2014, в 18:59

Источник

0

У вас есть scrolling: 'auto' когда вы открываете окно. Вы пытались установить scrolling: 'hidden' ? Я не знаком с fancybox, но если он добавит это как встроенный стиль, он переопределит ваш afterLoad css. Вы также можете попробовать добавить «! Важное» в afterLoad css, в крайнем случае.
sn3ll 02 янв. 2014, в 20:03
0

Вы установили scrolling: 'auto' но я думаю, что это должна быть scrolling: 'no'
JFK 12 фев. 2014, в 04:23

Теги:

jquery

css

fancybox

fancybox-2

3 ответа

Ещё вопросы

У вас есть scrolling: 'auto' когда вы открываете окно. Вы пытались установить scrolling: 'hidden' ? Я не знаком с fancybox, но если он добавит это как встроенный стиль, он переопределит ваш afterLoad css. Вы также можете попробовать добавить «! Важное» в afterLoad css, в крайнем случае.
Вы установили scrolling: 'auto' но я думаю, что это должна быть scrolling: 'no'

vineet · Answer 1 · 2015-01-13T07-46-00.000Z

Иногда это происходит из-за размера фантазии. Например,

$.fancybox({
   href: '#reviseDiv',
   width: 800    //the width of fancy box is 800 pixel 
   });



 <div class="widget-content" style="display: none;width:800px;margin-left:30%;">
    <div id="reviseDiv" style="width:750px;margin-left:5%"> 
           //here width not exceed from width of fancy box

 </div>
 </div>

й! именно это моя проблема. Спасибо сэкономить мое время

algorhythm · Answer 2 · 2014-04-16T06-40-00.000Z

Вот еще одна возможность:

$.fancybox.open({
    [...],
    scrolling: 'auto',
    afterLoad: function() { 
        this.wrap.find('.fancybox-inner').css({
            'overflow-y': 'auto',
            'overflow-x': 'hidden'
        });
    } 
});

Вы должны установить CSS-свойство overflow на .fancybox-inner -element и afterLoad, поскольку beforeLoad параметры из FancyBox-свойство scrolling будут установлены может переопределить ваш.

Heather_MercuryMosaics · Answer 3 · 2014-02-08T19-52-00.000Z

Я лично даже не отредактировал js для этого, я бы отредактировал CSS.

Пытаться

#fancybox-inner {
    overflow-x: hidden;
}

(хотя я думал, что fancybox-inner обычно является классом, а не идентификатором, поэтому, если это не работает, попробуйте вместо.fancybox-inner)

Я бы добавил !important чтобы fancybox (javascript) не мог переопределить это ...