垂直滚动条html应用程序webos
垂直滚动条html应用程序webos
提问于 2012-02-28 19:31:32
嗨，我有一个应用程序，基本上是一个html页面。但我有一个问题，因为html页面比可见屏幕更长，页面不能滚动。
我添加了这个div：
<div id="scrollerId" style="width:320px; height:100px" x-mojo-element="Scroller">
<div >scrolling content</div>
</div>但它什么也做不了。
有人能帮我解释一下如何添加一个吗？或者我是否需要向javascript文件中添加任何内容或其他任何内容？
source/helloworld.js
enyo.kind({
name: "HelloWorld",
kind: enyo.VFlexBox,
components: [
{kind: "PageHeader", components: [
{content: "Page Header"}
]},
{flex: 1, kind: "Pane", components: [
{flex: 1, kind: "Scroller", components: [
//Insert your components here
]}
]},
{kind: "Toolbar", components: [
]}
]
});我是webos dev的新手，所以不要对我太苛刻。
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-02-29 09:43:23
了解您的目标设备可能会有所帮助。你有一个Mojo应用程序和一个Enyo应用程序的混合，看起来像是。Mojo是给手机用的。如果您的目标是TouchPad，那么您可能应该完全切换到Enyo。
要让Mojo滚动条在webOS中工作，您需要按如下方式启用它：
this.controller.setupWidget("myScroller",
this.attributes = {
},
this.model = {
scrollbars: true,
mode: "free"
});你可以在这里阅读更多关于Mojo中的滚动条：
http://webos101.com/Scroller
但是，我认为您需要一个Enyo滚动条，因此您可以去掉应用程序中的超文本标记语言，并使用上面XRay Enabler中描述的方法。
可以使用JavaScript函数将内容从HTML中的DIV拉入到Enyo类型中。下面是一个使用jQuery的示例：
this.$.myContent.setContent($("#someDiv").html());请记住，您必须将allowHtml设置为true才能允许超文本标记语言内容。
Stack Overflow用户
发布于 2012-02-28 23:03:31
首先，欢迎来到Enyo和webOS！请记住，Enyo是创建HTML (应用程序)元素的框架。您通常不会直接操作它(HTML)。
举个简单的例子，你可以在呈现'HelloWorld‘之后创建你的内容：
** your previous code **
{flex: 1, kind: "Scroller", components: [
//Insert your components here
{content: "", name:"myContent"}
]}
]},
{kind: "Toolbar", components: []}
],
create: function() {
this.inherited(arguments);
},
rendered: function() {
this.$.myContent.setContent("I can now add Content!");
}
});请注意，在解析器中添加了一个名为myContent的内容容器。另外，删除HTML文件中以前创建的div。
然后将内容添加到呈现的函数中。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9481097
复制相关文章
相似问题
腾讯云开发者
