Fancybox滾動條顯示在Chrome瀏覽器和Safari瀏覽器不是Firefox？

我正在使用這個頁面上的花式框http://kimcolemanprojects.com/django_django.html Fancybox滾動條顯示在Chrome瀏覽器和Safari瀏覽器不是Firefox？

當你點擊一個顯示視頻的鏈接時，它會顯示我不想在那裏的滾動條。它似乎是該元素已被賦予溢出風格：汽車，但我無法找到聲明爲了改變它。順便說一句這發生在safari和鉻但不是Firefox。

感謝您的時間。

安吉拉X

來源

2013-01-03 angela

這有可能是有一個瀏覽器的默認那是overflow設置爲自動。在這種情況下，您將不得不在樣式表的這些lightbox元素上聲明overflow: hidden。

此外，我沒有看到Chrome 23中的滾動條或最新版本的Safari瀏覽器。

來源

2013-01-03 14:10:27

您好，感謝響應，我可以看到，當我檢查了的fancybox，內格中給出的風格溢出的元素：自動，這正如你所說的是造成這個問題，但我試圖在我的CSS中的目標元素，但不能去它聲明溢出：隱藏。 – angela

儘管不推薦使用長期解決方案，但添加「overflow：hidden！important」是否適合您？如果這不起作用，那麼還有其他的事情正在進行。你確定沒有其他風格瞄準相同的元素？ –

謝謝，但沒有運氣。我知道有些東西是針對它的，因爲它在chrome中查看它時會有樣式溢出：自動應用到它。它必須是用戶代理樣式表，或者它可能是花式框的js中的東西？ – angela

的scrolling: "no"選項添加到您的腳本，如：

$(".fancybox").attr('rel', 'gallery').fancybox({ 
    beforeLoad: function() { 
     var el, id = $(this.element).data('title-id'); 
     if (id) { 
      el = $('#' + id); 

      if (el.length) { 
       this.title = el.html(); 
      } 
     } 
    }, 
    scrolling: "no" //<-- get rid of the scroll bars inside fancybox 
});

來源

2013-01-03 18:40:05 JFK

謝謝，我試過這個，但它並沒有停止滾動條。它似乎只是具有滾動條而不是圖像的視頻元素。 – angela

Fancybox滾動條顯示在Chrome瀏覽器和Safari瀏覽器不是Firefox？

回答

相關問題