js不斷向上滾動程式碼,滾動一邊就停止如何解決,如何讓標題迴圈滾動
阿新 • • 發佈：2019-02-15
前提：
今天老大讓做一個友情連結滾動的效果，然後查了一下程式碼，用dw本地測試成功，先看一下程式碼：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無標題文件</title> </head> <body> <div id="demo" style="overflow: hidden; height: 139px; width: 232px; background: rgb(244, 244, 244) none repeat scroll 0% 0%; color: rgb(255, 255, 255);"> <div id="demo1"> 1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12<br>13<br>14<br>15<br>16<br> </div> <div id="demo2" ></div> </div> <script> var speed=50 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)} </script> </body> </html>
拿到專案中，資料迴圈一次就停止了。你是不是也碰到這種情況？
分析了一下原因：我的專案中的資料是從資料庫中通過js獲得並賦得值，而測試的都是本地的資料。根據這種情況我在專案中手動寫死了幾條資料，然後就可以了。
注意：手動寫死的資料要超過你的視窗高度，需要內容比視窗大才能迴圈滾動。