The div text scrolling effect causes the upper and lower lines of text to overlap in different browsers_html/css_WEB-ITnose

This post was last edited by constance2098 on 2012-09-12 15:35:09

The text scrolling effect made with div is fine on most browsers, but it only works on certain computers. When viewed on a computer, there is an overlapping effect of two lines of text on the top and bottom; and this scrolling effect is embedded in page A of page B. It is no problem to access page A alone, but when accessing page B, the page has two lines of text overlapping on the top and bottom of the page. We have the same problem, please help;
The code is as follows:

1111111

2222222

3333333< ;/li>

4444444

5555555

<script> <br /> var Mar = document .getElementById("Marquee"); <br /> var child_div=Mar.getElementsByTagName("li") <br /> var picH = 16; <br /> var scrollstep=3; <br /> var scrolltime=100; <br /> var stoptime=5000; <br /> var tmpH = 0; <br /> Mar.innerHTML = Mar.innerHTML; <br /> function start(){ <br /> if(tmpH < picH){ <br /> tmpH = scrollstep; <br /> if(tmpH > picH )tmpH = picH ; <br /> Mar.scrollTop = tmpH; <br /> setTimeout(start,scrolltime); <br /> }else{ <br /> tmpH = 0; <br /> Mar. appendChild(child_div[0]); <br /> Mar.scrollTop = 0; <br /> setTimeout(start,stoptime); <br /> } <br /> } <br /> onload=function(){setTimeout(start,stoptime) }; <br /> </script>

Reply to the discussion (solution)

Guys, please help. Is it a code problem or a browser problem?

What is the problem and how to solve it?

Is it a code problem or a browser problem? If it is a code problem, it is no problem to access page A alone; if it is a browser problem, it is not just a computer overlapping, please help