1

哦，沮丧！

我真的度过了有史以来最令人沮丧的早晨。我花了 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然后将其应用到该包装器中，但没有任何效果。这很令人困惑。

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

谢谢！

杰克

4

1 回答 1

2

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

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

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

于 2010-06-28T11:58:10.907 回答