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:




<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