如何使用 Javascript 使 div 可滚动

Question

我正在开发 Tizen 并制作网络应用程序。

我在 html5 中有一个 div，我在这个 div 上设置和图像作为背景。现在我有一些场景，我必须在这个 div 中多次显示一些随机文本。不能保证文本总是相同的大小。我的图像大小是 300 宽和 90 高。

现在我想在文本较大时通过 javascript 设置我的 div 向上和向下滚动。我试过 scrollTop, overflow: auto/scroll 但它不起作用。

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

这是我的代码，其中有一个名为 textView 的 div：

  <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

我相信你的风格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