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.