Witam!
Posiadam taki skrypt:

  1. <head>
  2. <title>test</title>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  4. <style type="text/css">
  5. #panel_right {
  6. width: 100px;
  7. height: 100px;
  8. border: 1px solid #000;
  9. display: none;
  10. }
  11. #panel_list {
  12. height: 100px;
  13. overflow: scroll;
  14. }
  15. </style>
  16. <link type="text/css" href="jquery.jscrollpane.css" rel="stylesheet" media="all" />
  17. <script type="text/javascript" src="jquery-1.6.2.min.js"></script>
  18. <script type="text/javascript" src="jquery.mousewheel.js"></script>
  19. <script type="text/javascript" src="jquery.jscrollpane.min.js"></script>
  20. <script type="text/javascript">
  21.  
  22. /* Scrolling right pannel */
  23. $(function() {
  24. $('#panel_right').fadeIn(1000);
  25. $('.scroll').jScrollPane({showArrows: true});
  26. });
  27. </script>
  28. </head>
  29. <body>
  30. <div id="panel_right">
  31. <div id="panel_list" class="scroll">
  32. <ul>
  33. <li id="1"><a href="test.php#1">1</a></li>
  34. <li id="2"><a href="test.php#2">2</a></li>
  35. <li id="3"><a href="test.php#3">3</a></li>
  36. <li id="4"><a href="test.php#4">4</a></li>
  37. <li id="5"><a href="test.php#5">5</a></li>
  38. <li id="6"><a href="test.php#6">6</a></li>
  39. <li id="7"><a href="test.php#7">7</a></li>
  40. <li id="8"><a href="test.php#8">8</a></li>
  41. <li id="9"><a href="test.php#9">9</a></li>
  42. </ul>
  43. </div>
  44. </div>
  45. </body>
  46. </html>


Tu można zobaczyć efekt:
TEST

Div przewija się prawidłowo do momentu kiedy odwołuje się do kotwicy. Klikam na link i pasek przewijania psuje się do momentu ponownego wjechania kursorem na diva.

Nie mam pojęcia jak to poprawić.