小弟做一个每日中奖名单滚动
当滚动的div 上面还有别的内容时只火狐与谷歌只滚动一次,IE则正常,求高手分析下
var speed = 50
    var demo = document.getElementById("demo");
    var demo2 = document.getElementById("demo2");
    var demo1 = document.getElementById("demo1");
    var str = demo1.innerHTML;
    if (str.replace(/(^\s*)|(\s*$)/g, "") != "") {
        //        while (demo1.offsetHeight < demo.offsetHeight) {        demo1.innerHTML += str;
        //        }
        demo2.innerHTML = demo1.innerHTML;        function Marquee() {
            if (demo2.offsetTop - demo.scrollTop <= 0) {
                demo.scrollTop -= demo1.offsetHeight;
            }
            else {                demo.scrollTop++;
            }
        }
        var MyMar = setInterval(Marquee, speed)
        demo.onmouseover = function() { clearInterval(MyMar) }
        demo.onmouseout = function() { MyMar = setInterval(Marquee, speed) }
    }<div id="demo" style="overflow: hidden; height: 50px; width: 210px; overflow: hidden;">
                        <div id="demo1" style="border:1px solid #dde5bc">
                           <a href="#">一等奖</a>     
<a href="#">二等奖</a>  
<a href="#">三等奖</a>  
<a href="#">四等奖</a>  
<a href="#">五等奖</a>  
<a href="#">五等奖</a>  
<a href="#">五等奖</a>  
<a href="#">五等奖</a>  
<a href="#">五等奖</a>  
<a href="#">五等奖</a>                    
 </div>
                        <div id="demo2"></div>
                    </div>

解决方案 »

  1.   

    页面是一个左右布局,左边是中奖的一些规则。右边是中奖算法,和每日滚动中滚名单。
    布局如下
    <div>
    <div style="width: 230px; float: left; ">中奖规则<div>
    <div style="width: 230px; float: right; ">
    <div>中奖算法</div>
    <div>每日中奖滚动名单</div>
    </div><div>
     当我删掉中奖算法时,谷歌,IE,火狐是都可以正常滚动
    不删的话只有IE能正常滚动,火狐与谷歌就只能滚动一次。
    求高手告诉小弟这是为什么
      

  2.   

    当我删掉中奖算法时,谷歌,IE,火狐是都可以正常滚动
    不删的话只有IE能正常滚动,火狐与谷歌就只能滚动一次。算法用的是JScript,说明火狐与谷歌不支持你的JScript
      

  3.   

    也就是说滚动的div上面不能有别的内容。
      

  4.   


    <div style="width: 460px;">
    <div>引用表头与活动图片</div>
    <div>
    <div style="width: 230px; float: left; ">中奖规则<div>
    <div style="width: 230px; float: right; ">
    <div>中奖算法</div>
    <div>每日中奖滚动名单</div>
    </div><div>
    </div>
    如果要IE,火狐,与谷歌都兼容得删掉算法与表头