vertical scroller html app webos

Question

こんにちは、私は基本的に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までですので、私には簡単に行きます。

Answer 1

対象とするデバイスを知ることは役立ちます。そこには、MojoアプリとEnyoアプリが混在しているようです。 Mojoは携帯電話用です。タッチパッドをターゲットにしている場合は、Enyoに完全に切り替える必要があります。

あなたは次のようにそれを有効にする必要がウェブOSで動作するようモジョのスクロールについては

：あなたがここにモジョでスクロールバーの詳細を読むことができ

this.controller.setupWidget("myScroller", 
    this.attributes = { 
    }, 
    this.model = { 
     scrollbars: true, 
     mode: "free" 
    }); 

：

http://webos101.com/Scroller

しかし、私は思いますアプリケーションのHTMLを取り除き、XRay Enablerが上で説明した方法を使用するように、Enyoスクロールが必要です。

JavaScript関数を使用して、HTMLのDIVからEnyoの種類にコンテンツを引き込むことは可能です。

this.$.myContent.setContent($("#someDiv").html()); 

HTMLコンテンツを許可するには、allowHtmlをtrueに設定する必要があります。

Answer 2

まずはEnyoとwebOSへようこそ！ Enyoは、HTML（アプリケーション）の要素を作成するフレームワークであることを覚えておいてください。一般的には、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!"); 
    } 
}); 

お知らせScollerでmyContentと呼ばれる追加されたコンテンツのコンテナ。また、以前作成したdivをHTMLファイルから削除します。

コンテンツは、レンダリングされた機能で追加されます。