沒有fancybox滾動條

我有fancybox滾動條的問題。 Fancybox只使用瀏覽器滾動條。我需要fancybox和fanbarbox彈出窗口中固定的高度。沒有fancybox滾動條

我的HTML頁面：

<html> 
<head> 
    <meta charset="utf-8"> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 
    <link rel="stylesheet" href="jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" /> 
    <link rel="stylesheet" href="jquery.fancybox-thumbs.css" type="text/css" media="screen" /> 
    <link rel="stylesheet" href="jquery.jscrollpane.css" type="text/css" media="screen" /> 
    <script type="text/javascript" src="jquery.fancybox.js"></script> 
    <script type="text/javascript" src="jquery.fancybox-thumbs.js"></script> 
    <script type="text/javascript" src="jquery.jscrollpane.min.js"></script> 
    <script> 
     $(document).ready(function() { 
      $('#fancy').fancybox({ 
       type:'image', 
       fitToView: false, 
       width: '90%', 
       height: '90%', 
       autoSize: false, 

     } 
    }); 
    </script> 

</head> 
<body> 
<a id= "fancy" href="landing_v2.jpg"><img width="200" src="landing_v2.jpg"></a> 
</body> 
</html>

來源

2014-08-28 Sergey Sikachev

你不能達到你想要的東西時的content的fancybox type是image，但是作爲一種解決方法，你可以將其設置爲html和使用重新構圖contentbeforeLoad回調如：

$('.fancybox').fancybox({ 
    beforeLoad: function() { 
     this.content = "<img src='" + this.href + "' alt='' />" 
    }, 
    type: "html" 
});

（可選）您可以設置要合併的height和maxHeight API選項的固定height。

另外，還要確保您的圖片響應添加此CSS聲明：

img { max-width: 100% }

見JSFIDDLE

來源

2014-08-28 23:47:15 JFK

太謝謝你了！你的解決方案有效 – 2014-08-29 05:51:53

沒有fancybox滾動條

回答

相關問題