我无法让 jQuery 的 jScrollPane 工作！ :(

Question

哦，沮丧！

我真的度过了有史以来最令人沮丧的早晨。我花了 4 个半小时试图让它工作。

有问题的 jQuery 插件是 jScrollPane：http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

我的网页是http://furnace.howcode.com - 在开发过程中请忽略那里的测试数据；）

因此，如果您检查源代码，您会看到：

jQuery(document).ready(function() {
    $('#newesttab').addClass('selectedtab'); 
    $('#col2').addClass('newestcol');
    $("#ajaxresults").fadeOut("slow", function() {
        $.ajax({
            url: "<?php echo site_url('code/newest'); ?>",
            success: function(msg) {
                $('#ajaxresults').html(msg);
                $("#ajaxresults").fadeIn("fast");
                $('#col2').jScrollPane();
            }
        })
    });

$('#col2').jScrollPane(); 行是用于触发 jScrollPane 的行。它确实......但是，正如您从网站上看到的那样，一半的 div 被切断了。我计算出来是因为#col2 有margin-left: 160px，所以它会中途中断。但是，当我尝试使用解决方法时，它会破坏我的页面结构的其余部分。

第二个问题是，如果我尝试在任何其他 div 上应用 jScrollPane，我根本没有效果。我尝试将#col2 放入包装器#col2wrapper 并将其应用于该包装器，但没有任何效果。这确实令人困惑。

如果有人能解决这个问题，我会非常高兴，我会给他们一个虚拟的高五和其他欣赏的东西。

谢谢！

杰克

Answer 1

我认为这是与 jScrollPane.css 相关的更多 css 问题，

问题是 jScrollPaneContainer 的宽度。在 Firebug 中查看它的作用（如果您不使用它，请重新考虑这一点，您在 5 分钟内看到，我能够在不知道您的代码的情况下识别问题^^）。尝试删除 jScrollPaneContainer 的 position:relative 和 #col2 中的 position:relative ，应该会更容易。

编辑： 更简单：只需删除溢出：隐藏；来自 jScrollPaneContainer 类，它可以解决问题。