javascript - 如何使用 Javascript 使 div 可滚动

标签 javascript html tizen tizen-web-app

I am working on Tizen and making web app.

我有一个 html5 的 div,我将图像设置为该 div 的背景。现在我有一些场景,我必须在这个 div 中多次显示一些随机文本。不能保证文本始终具有相同的大小。我的图像尺寸是 300 宽和 90 高。

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

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

Here is my code in which I have a div named textView:

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

And in 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";

I want to show text in image bounds not out of bounds of image.

最佳答案

我相信您将其样式设置为 overflow:scroll 应该可以处理它。

编辑:

查看设置 overflow-x:hiddenoverflow-y:auto

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

关于javascript - 如何使用 Javascript 使 div 可滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16580512/

相关文章:

javascript - HTML 页面上的 iframe

javascript - 手动刷新后未引用 ScriptResource.axd

javascript - JQuery facebook 订阅插件鼠标事件

javascript - 低图形 HTML5 游戏导致浏览器卡住

tizen - 在 tizen studio 中使用证书配置文件签署应用程序包

android - 如何在 tizen 可穿戴网络应用程序中获取作者证书的公钥?

javascript - 如何在 tizen web 应用程序上获取消息正文?

javascript - 直接从 GitHub 热链接资源,例如 JavaScript 文件

c# - 使用 Javascript 访问 GridViewRow 中的 Label 控件

html - 如何将 index.html 与 github 上的其他 .html 文件放在同一个文件夹中?