问答详情
源自:3-1 JS缓冲动画

有没有人跟我一样,火狐浏览器运行正确,谷歌浏览器并不能完全达到-200,还留有一小段?

<script type="text/javascript">
            window.onload = function () {
                var odiv = document.getElementById('div1');
                odiv.onmouseover = function () {
                    startMove(0);
                }
                odiv.onmouseout = function () {
                    startMove(-200);
                }
            }
            var timer = null;
            
            function startMove (iTarget) {
                
                
                clearInterval(timer);
                var odiv = document.getElementById('div1');
                timer = setInterval(function () {
                    var speed = (iTarget - odiv.offsetLeft)/20;
                    speed = speed>0?Math.ceil(speed):Math.floor(speed);
                    if(odiv.offsetLeft == iTarget){
                    clearInterval(timer);
                    }else{
                       odiv.style.left = odiv.offsetLeft + speed + 'px';
                       }
                },30);            
            }
        </script>

提问者:唐mj 2018-09-05 15:59

个回答

  • Ayayay
    2019-03-28 21:43:18

    这是谷歌浏览器自带的默认样式,可以百度如何清除,我记得是有一大段css代码的,直接拷贝到自己的css文件夹调用即可。

  • qq_我是好小伙_agAGM7
    2018-12-07 14:44:02

    设置 *{padding:0;margin:0}

  • qq_零_137
    2018-09-12 17:24:48

    并没有啊,是不是你在第一次没添加取整判断前在谷歌浏览器运行没清缓存导致的呢