Question

我在登录页面上使用了JScrollPane，基本上在成功登录之后，它会转到我应该看到ScrollBar的第二页但滚动条在第一次加载时没有显示，我必须刷新页面还有一次，有谁知道为什么会这样？有没有人之前使用过JScrollPane？

感谢您的帮助。

$(function()
    {
    // this initialises the demo scollpanes on the page.
      $('#logos').jScrollPane();                
    });

<head>
    <link rel="stylesheet" type="text/css" href="css/jScrollPane.css" />

    <script type="text/javascript" src="jquery/jquery-1.3.2.js"></script>
    <script type="text/javascript" src="jquery/scrollPane.js"></script>
    <script type="text/javascript" src="jquery/jScrollPane.js"></script>
</head>

<body>

     <div id="logos" class="scroll-pane">
     <a id="logo1" href=""><img src="" /></a>
     <a id="logo2" href=""><img src="" /></a>
                 .....
                 ......

</div>

</body>

使用萤火虫时我也没有看到任何错误。

在查看代码后，我意识到我需要重新初始化滚动窗格，

所以在添加下面的代码之后，滚动条仍然不会出现在第一页加载中，但是一旦我移动光标就会出现，所以我想知道如何在没有悬停效果的情况下重新初始化它，

$(function() {
reinitialiseScrollPane = function()
                {
                    $('#logos').jScrollPane();
                }
                $('body').hover(function() {
                    reinitialiseScrollPane();
                });

});

感谢您的帮助。

Answer 1

仅供将来参考，问题是当有图像时，滚动窗格需要重新初始化，因此以下代码可以解决问题

$('#logos').jScrollPane({reinitialiseOnImageLoad: true});

Answer 2

如果您希望自动刷新页面作为修复，那么我会建议反对它，因为它看起来像是一个躲闪; - ）

有些代码会很有用。您是否在documentready事件中实例化它？你使用的浏览器是什么？你有任何错误吗？

JScrollPane不会出现第一页加载

2 个答案: