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; 
} 

它会正常工作！