Question

我试过Kelvin Luck的jScroll插件。首先是它的精彩剧本。它在所有的浏览器中都可以正常使用文本，即文本作为内容。但是当我们插入图像时，滚动在Safari和Chrome中无效...请帮助我。我是javascrpt的初学者...... :)

Retheesh

Answer 1

另一种方法是在加载整个页面后初始化插件

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

Answer 2

好的，这种方式很晚，但我只花了大部分时间来搞清楚这一点。它实际上非常简单，也可以在jScrollpane Demo页面中解释......

由于我使用的是Wordpress插件，使用Dann提供的解决方法似乎有点复杂。这里的解决方案是在CSS文件中为此特定页面设置图像高度，而不是（或在其上面）将其声明为内联。

所以基本上如果你有

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

jScrollpane无法识别图片的高度并将其计入div高度。因此，您需要在div中添加一个类，并在CSS中定义img height：

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

它会正常工作！

Answer 3

我有类似的问题。重新初始化小组似乎有效。我用过这个脚本：

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

达恩

Answer 4

这是known issue，但Dann的解决方法很有效。我最终测试了麻烦图像的存在，因为它们并不总是出现在页面上并影响滚动区域大小：

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

Jscroll不适用于chrome和safari

4 个答案: