I am working on an RSS widget for one of my projects. I have managed to got my feed scrolling using jQuery, everything was working ok, but while doing minor adjustments I think I have messed up something and can't get it back to normal.

I have tried adding to "top" the height of the "li" item but it scrolls all the way down, over and over jumping all the content of the feed.

ex:

http://server.info-spot.net/

What am I missing?

Thanks!!!

2. 
   
3. 
   
4. 
   
5. 
   
6. (function($){
7. 
   
8. 
   
9. 
   
10. $.fn.vTicker = function(options) {
11. 
    
12. var defaults = {
13. 
    
14. speed: 700,
15. 
    
16. pause: 4000,
17. 
    
18. showItems: 3,
19. 
    
20. animation: '',
21. 
    
22. mousePause: true,
23. 
    
24. isPaused: false
25. 
    
26. };
27. 
    
28. 
    
29. 
    
30. var options = $.extend(defaults, options);
31. 
    
32. 
    
33. 
    
34. moveUp = function(obj2, height, paused){
35. 
    
36. if(paused) return;
37. 
    
39. 
    
40. var obj = obj2.children('ul');
41. 
    
43. 
    
44.     first = obj.children('li:first').clone(true);
45. 
    
47. 
    
48.     obj.animate({top: '-=' + height + 'px'}, options.speed, function() {
49. 
    
50.         $(this).children('li:first').remove();
51. 
    
52.         $(this).css('top', '0px');
53. 
    
54.         });
55. 
    
57. 
    
58. if(options.animation == 'fade') {
59. 
    
60. obj.children('li:first').fadeOut(options.speed);
61. 
    
62. obj.children('li:last').hide().fadeIn(options.speed);
63. 
    
64. }
65. 
    
66. 
    
67. 
    
68.     first.appendTo(obj);
69. 
    
70. };
71. 
    
73. 
    
74. return this.each(function() {
75. 
    
76. var obj = $(this);
77. 
    
78. var maxHeight = 0;
79. 
    
80. var itempause = options.isPaused;
81. 
    
82. 
    
83.                //obj.css({overflow: 'hidden', position: 'relative'})
84.     obj.css({ position: 'relative'})
85.    
86. 
    
87. .children('ul').css({position: 'absolute', margin: 0, padding: 0})
88. 
    
89. .children('li').css({margin: 0, padding: 0});
90. 
    
91. 
    
92. 
    
93. obj.children('ul').children('li').each(function(){
94. 
    
95. 
    
96. 
    
97. if($(this).height() > maxHeight) {
98. 
    
99. maxHeight = $(this).height();
100. 
     
101. }
102. 
     
103. });
104. 
     
105. 
     
106. 
     
107. obj.children('ul').children('li').each(function() {
108. 
     
109. $(this).height(maxHeight);
110. 
     
111. });
112. 
     
113. 
     
114. 
     
115. obj.height(maxHeight * options.showItems);
116. 
     
118. 
     
119.     var interval = setInterval(function(){ moveUp(obj, maxHeight, itempause); }, options.pause);
120. 
     
122. 
     
123. if (options.mousePause)
124. 
     
125. {
126. 
     
127. obj.bind("mouseenter",function() {
128. 
     
129. itempause = true;
130. 
     
131. }).bind("mouseleave",function() {
132. 
     
133. itempause = false;
134. 
     
135. });
136. 
     
137. }
138. 
     
139. });
140. 
     
141. };
142. 
     
143. })(jQuery);