Jscroll 在 chrome 和 safari 中不起作用答案

【问题标题】：Jscroll is not working in chrome and safariJscroll 在 chrome 和 safari 中不起作用
【发布时间】：2013-07-11 21:09:14
【问题描述】：

我尝试了 Kelvin Luck 的 jScroll 插件。首先，它是一个精彩的剧本。它在所有浏览器中都可以很好地处理文本，即文本作为内容。但是当我们插入图像时，滚动在 Safari 和 Chrome 中不起作用......请帮助我。我是 javascrpt 的初学者...:)

瑞特斯

【问题讨论】：

标签： jscrollpane

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

好的，这么晚了，但我花了一天的大部分时间才弄清楚这一点。它实际上非常简单，并且在 jScrollpane 演示页面中也有某种解释......

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

所以基本上如果你有

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

jScrollpane 不会识别图片的高度并将它们计算为您的 div 高度。所以你需要给你的 div 添加一个类并在你的 CSS 中定义 img 的高度：

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

它会正常工作的！

【讨论】：

【解决方案3】：

我遇到了类似的问题。重新初始化面板似乎有效。我使用了这个脚本：

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

丹恩

【讨论】：

【解决方案4】：

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

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

【讨论】：