2015-03-16 2 views
0

Я использую Alt для добавления дополнительного текста в всплывающее окно fancyBox v2.1.4, но проблема в том, что для текста описания не отображается вертикальная полоса прокрутки, поэтому некоторая часть текста не может быть прочитана ,Fancybox 2 vertical scroll issue

HTML:

<!-- Item Project Name --> 
         <li class="item-thumbs span3 design"> 
          <!-- Fancybox - Gallery Enabled - Title - Full Image --> 
          <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="The City" href="_include/img/work/full/image-01-full.jpg"> 
           <span class="overlay-img"></span> 
           <span class="overlay-img-thumb font-icon-plus"></span> 
          </a> 
          <!-- Thumb Image and Description --> 
          <img src="_include/img/work/thumbs/image-01.jpg" alt="IF I PUT TOO MUCH TEXT OVER HERE THERE IS NO SCROLLBAR INSIDE THE POPUP"> 
         </li> 
         <!-- End Item Project --> 

достаточно странно, на FancyBox CSS, все кажется правильным:

.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

Что мне не хватает?

+0

Какой код вы используете для инициализации fancybox? – JFK

ответ

0

Не используйте CSS для настройки проблем с прокруткой. Вы можете скрыть полосу прокрутки с помощью «помощников»

Попробуйте выполнить следующий код, чтобы устранить проблему с прокруткой.

$(".fancybox").fancybox({ 
    fitToView : false, 
    height  : 'auto', 
    autoSize : false, 
    helpers : { 
      overlay : { 
       locked: false 
      } 
    } 
});