Javascript 水平滚动文本赢得'；文本为非英语时，不能滚动

以下是网站：

下图为英文文本。 当“barword”div中的文本变为非英语文本时，它不会滚动或拖动。 有人能猜出来吗。 thx

以下是css代码：

.share-left{
    background:url(images/share-left.png) no-repeat 0 0;
    width:21px;
    height:30px;
    float:left;
}
#bar{
    float:left;
    position:relative;
    background:url(images/bg-share-corner.png) no-repeat -39px 0;
    height:22px;
    padding-top:8px;
    width:128px;
    overflow:hidden;
}
#barword{
    position:relative;
    width:128px;
    height:22px;
    overflow:hidden;
}
.share-right{
    background:url(images/bg-share-corner.png) no-repeat 100% -50px;
    width:21px;
    height:30px;
    float:left;
}

  <div class="share-left">
    </div>
    <div id="bar">
    <div id="barword">aaaaaaaaabbbbbbbbbbbbbcccccccccccccddddddddddd</div>
    </div>
    <div class="share-right">
    </div>

html代码：

.share-left{
    background:url(images/share-left.png) no-repeat 0 0;
    width:21px;
    height:30px;
    float:left;
}
#bar{
    float:left;
    position:relative;
    background:url(images/bg-share-corner.png) no-repeat -39px 0;
    height:22px;
    padding-top:8px;
    width:128px;
    overflow:hidden;
}
#barword{
    position:relative;
    width:128px;
    height:22px;
    overflow:hidden;
}
.share-right{
    background:url(images/bg-share-corner.png) no-repeat 100% -50px;
    width:21px;
    height:30px;
    float:left;
}

  <div class="share-left">
    </div>
    <div id="bar">
    <div id="barword">aaaaaaaaabbbbbbbbbbbbbcccccccccccccddddddddddd</div>
    </div>
    <div class="share-right">
    </div>

aaaaaaaabbbbbbbbbbbbbbbbccccccccccccccddddddd

js代码：

 <script type="text/javascript">
var scrollingBox;
var scrollingInterval;
var delay=100;
var dragging=false;
var test;
var mouseY;
var mouseX;
window.onload = function(){
    test = document.getElementById("barword");
    test.onmousedown = down;
    test.onmousemove = move;
    test.onmouseup = up;

    //test.style.position = "relative";
    //test.style.top = "0px";
    //test.style.left = "0px";
}
function down(event)
{
    event = event || window.event;
    dragging = true;
    mouseX = parseInt(event.clientX);
    mouseY = parseInt(event.clientY);
    //objY = parseInt(test.style.top);
    //objX = parseInt(test.style.left);
}
function move(event){
    event = event || window.event;
    if(dragging == true){
    var x,y;
    //y = event.clientY - mouseY + objY;
    //x = event.clientX ;
    //test.style.top = y + "px";
    //test.style.left = x + "px";
    test.scrollLeft=3*(event.clientX-713);  //0~272
    //console.log(test.scrollLeft);//713~839

    }
}
function up(){
    dragging = false;
}
//1.初始化滚动新闻
function initScrolling(obj){
    scrollingBox = document.getElementById(obj);
    //scrollingBox.style.width = "20px";
    //scrollingBox.style.overflow = "hidden";
    scrollingInterval = setInterval("scrolling()",delay);
    scrollingBox.onmouseover=function(){
    clearInterval(scrollingInterval);
    };
    scrollingBox.onmouseout=function(){
    scrollingInterval = setInterval("scrolling()",delay);
    }
}
//3.滚动效果
function scrolling(){
    //开始滚动
    scrollingBox.scrollLeft++;
    var origin = scrollingBox.scrollLeft++;
    //console.log(test.scrollLeft);
    if(origin == scrollingBox.scrollLeft){
    //延时固定时间后返回顶部
    setTimeout("scrollingBox.scrollLeft=0",1000)
    }
}
initScrolling("barword");
</script>

var滚动框；
var scrollingInterval；
无功延迟=100；
var=false；
var检验；
var mouseY；
var mouseX；
window.onload=函数（）{
test=document.getElementById（“条形码”）；
test.onmousedown=向下；
test.onmousemove=移动；
test.onmouseup=up；
//test.style.position=“相对”；
//test.style.top=“0px”；
//test.style.left=“0px”；
}
功能关闭（事件）
{
event=event | | window.event；
拖动=真；
mouseX=parseInt（event.clientX）；
mouseY=parseInt（event.clientY）；
//objY=parseInt（test.style.top）；
//objX=parseInt（test.style.left）；
}
功能移动（事件）{
event=event | | window.event；
如果（拖动==true）{
变量x，y；
//y=event.clientY-mouseY+objY；
//x=event.clientX；
//test.style.top=y+“px”；
//test.style.left=x+“px”；
test.scrollLeft=3*（event.clientX-713）；//0~272
//console.log（test.scrollLeft）；//713~839
}
}
函数up（）{
拖动=假；
}
//1.初始化滚动新闻
函数初始化滚动（obj）{
scrollingBox=document.getElementById（obj）；
//scrollingBox.style.width=“20px”；
//scrollingBox.style.overflow=“隐藏”；
scrollingInterval=setInterval（“scrolling（）”，延迟）；
scrollingBox.onmouseover=函数（）{
clearInterval（滚动间隔）；
};
scrollingBox.onmouseout=函数（）{
scrollingInterval=setInterval（“scrolling（）”，延迟）；
}
}
//3.滚动效果
函数滚动（）{
//开始滚动
scrollingBox.scrollLeft++；
var origin=scrollingBox.scrollLeft++；
//console.log（test.scrollLeft）；
if（origin==scrollingBox.scrollLeft）{
//延时固定时间后返回顶部
setTimeout（“scrollingBox.scrollLeft=0”，1000）
}
}
初始化滚动（“条形码”）；

问题与英语或非英语文本无关。这是因为你在单词之间留了空格

要解决此问题，请在文本周围添加

，例如：

<div id="barword"><nobr>远大路金源店：海淀区远大路1号金源时代购物中心5层</nobr></div>

远大路金源店：海淀区远大路1.号金源时代购物中心5.层

发生这种情况的原因是脚本使用“scrollLeft”使文本滚动。。。默认情况下，当文本中有空格时，它将被换行，因此scrollLeft将始终为零。通过添加

标记，您可以强制将整个文本放在一行中，向左滚动可以达到所需的效果