Home/ Questions/Q 525367
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T08:39:51+00:00

I’m using a JScrollPane on a login page, basically after successfull login, it’ll go

  • 0

I’m using a JScrollPane on a login page, basically after successfull login, it’ll go to the second page where I should see the ScrollBar but the scrollbar dosn’t show on first load, I have to refresh the page one more time, does anyone know why this happens?
Has anyone used JScrollPane before?

Thanks for your help.

$(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>

Also I don’t see any errors when using firebug.

after looking around the code I realize that I need to re-initialize the scroll-pane,

so after adding the following code still the scroll bar doesn’t appear on first page load but as soon as I move the cursor it appears, so I was wondering how I can reinitialize it without the hover effect,

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

});

thanks for your help.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Just for future refrence, the problem was that when there are images the scroll Pane needs to be reinitialized, so the following code would solve the problem

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