Hi everyone! 

This is my first attempt on using JQuery so I'm mostly doing copy/paste/tweak. 

I'm using the ScrollTo plugin to create a horizontal sliding content effect. 

It's working well. Now, one of my content needs to have a scrolling down bar. I found ScrollTo.js ( http://woork.blogspot.com/2009/08/elegant-scrollpanes-with-jquery-and.html) which is exactly what I need, but can't make it work with my previous script (still got the classic overflow:auto)

Here is the code: 

2. <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
3. <script type="text/javascript" src="js/jquery.scrollTo.js"></script>
4. <script type="text/javascript" src="jScrollPane.js"></script>
5. <script>
6. 
   
7. 
   
8. 
   
9. $(document).ready(function() {
10. 
    
11. $('a.panel').click(function () {
12. 
    
13. $('a.panel').removeClass('selected');
14. $(this).addClass('selected');
16. current = $(this);
18. $('#wrapper').scrollTo($(this).attr('href'), 800);
20. return false;
21. });
22. 
    
23. $(window).resize(function () {
24. resizePanel();
25. });
28. });
29. 
    
30. function resizePanel() {
31. 
    
32. width = $(window).width();
33. height = $(window).height();
34. 
    
35. mask_width = width * $('.item').length;
37. $('#debug').html(width  + ' ' + height + ' ' + mask_width);
39. $('#wrapper, .item').css({width: width, height: height});
40. $('#mask').css({width: mask_width, height: height});
41. $('#wrapper').scrollTo($('a.selected').attr('href'), 0);
43. }
44. /* -- here is the second script -- */
45. $(function()
46. {
47. $('#section').jScrollPane();
48. });
49. 
    
50. 
    
51. </script>
52. 
    
53. <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
54. <script type="text/javascript" src="js/jquery.scrollTo.js"></script>
55. <script type="text/javascript" src="jScrollPane.js"></script>
56. <script>
57. 
    
58. 
    
59. 
    
60. $(document).ready(function() {
61. 
    
62. $('a.panel').click(function () {
63. 
    
64. $('a.panel').removeClass('selected');
65. $(this).addClass('selected');
67. current = $(this);
69. $('#wrapper').scrollTo($(this).attr('href'), 800);
71. return false;
72. });
73. 
    
74. $(window).resize(function () {
75. resizePanel();
76. });
79. });
80. 
    
81. function resizePanel() {
82. 
    
83. width = $(window).width();
84. height = $(window).height();
85. 
    
86. mask_width = width * $('.item').length;
88. $('#debug').html(width  + ' ' + height + ' ' + mask_width);
90. $('#wrapper, .item').css({width: width, height: height});
91. $('#mask').css({width: mask_width, height: height});
92. $('#wrapper').scrollTo($('a.selected').attr('href'), 0);
94. }
95. /* -- here is the second script -- */
96. $(function()
97. {
98. $('#section').jScrollPane();
99. });
100. 
     
101. 
     
102. </script>

Do you see anything wrong? If I run the jScrollPane on its own, it works fine! 

Thank you for your help and time!