如何让DIV使用JavaScript滚动(How to make div Scrollable us

我工作的Tizen，使Web应用程序。

我在HTML5一个div和我设置和图像作为这个div的背景。现在我有一些方案，其中我必须表现出一定的随机文本在这个div多次。它是没有保证文本始终是相同的大小。我的图像大小为300的宽度和高度90。

现在我想通过JavaScript设置在上下方向我的div滚动每当我的文字是较大的。我试过scrollTop的，溢出：自动/滚动，但它不工作。

其实我可以看到结果，对HTML视图在Eclipse中，但是当我在设备上运行我的代码，它没有显示任何滚动条。任何帮助，将不胜感激。

这里是我的代码中，我有一个div命名的TextView：

  <div id="textView" style="height: 90px; width: 300px;  
    margin-left: 20px; margin-top: 20px;overflow: auto;">
  </div>

而在javascript：

  var elem = document.getElementById("textView");

  elem.scrollTop="80px";

  elem.innerHTML="llllllllllllllllllllllllllllllllllllllllll"+'<br/>'
  +"llllllllllllllllllllllllllllllllllllllllllll"+'<br/>'
  +"llllllllllllllllllllllllllllllllllllllllllll"+'</br>'
  +"llllllllllllllllllllllllllllllllllllllllllll"+'<br/>';
  elem.style.color = "White";

  elem.style.fontSize = "50px";

我想显示在图像边界文本不出图像的边界。

Answer 1:

我相信ID你的风格使其overflow:scroll应该照顾它。

编辑：

看看设置overflow-x:hidden和overflow-y:auto

另一个编辑：也许这： https://developer.tizen.org/help/index.jsp?topic=%2Forg.tizen.web.appprogramming%2Fhtml%2Fguide%2Fui_guide%2Fui_framework_scrollview.htm

Answer 2:

尝试这样的： -第一固定的高度和宽度<div>然后设置overflow:auto 。

document.getElementById("textView").setAttribute("style","overflow:auto;height:90px;width:500px");

或者你可以尝试

document.getElementById("textView").style.width='500px';

document.getElementById("textView").style.height='90px';

document.getElementById("textView").style.overflow='auto';

希望它会帮助你。