Jscroll不在鉻和safari中工作

Question

我試過了Kelvin Luck的jScroll插件。首先它是一個美妙的腳本。它的工作正常與文本，即文本作爲內容，在所有的問題。但是，當我們插入圖片時，滾動功能在Safari和Chrome中不起作用...請幫助我。我在javascrpt初學者... :)

Retheesh

Answer 1

我也有類似的問題。 重新初始化面板似乎工作。 我用這個腳本：

$('.image_class').load(function() { 
     $('.scroll-pane').jScrollPane(); 
}); 

丹恩

Answer 2

這是一個known issue，但丹恩的解決方法是有效的。我結束了測試的麻煩圖像的存在，因爲他們並不總是出現在頁面上，影響滾動區域大小：

$(function() { 
     if($('.image_class').size()) { 
      $('.image_class').load(function() { 
       $('.scroll-pane').jScrollPane(); 
      }); 
     } else { 
      $('.scroll-pane').jScrollPane(); 
     } 
    }); 

Answer 3

做的另一種方式，是初始化插件一旦整個頁面加載

$(window).load(function(){ 
    $('.scroll-pane').jScrollPane(); 
}) 

Answer 4

好吧，這種方式晚了，但我只是花了大半天的時間搞清楚這一點。 它實際上很簡單，也可以在jScrollpane Demo頁面中解釋...

由於我使用Wordpress插件，所以使用提供的解決方法Dann似乎有點複雜。這裏的解決方案是在你的CSS文件中爲這個特定頁面設置圖片高度，而不是（或在其之上）聲明它們的內聯。

所以基本上，如果你有

<div id="mydiv"> 
    <img src="...." height=200px"/> 
>/div> 

JScrollPane的將無法識別圖片的高度和盡數你DIV的高度。所以你需要添加一個類到你的div並定義你的CSS中的img高度：

#mydiv .newclass img { 
    height: 200px; 
} 

它會正常工作！