Ich kann keine horizontale Schriftrolle zur Arbeit bringen

Question

Ich kann es nicht horizontal scrollen lassen. Was vermisse ich?

Hier ist mein Code in der ersten Szene.html:

<div id="main" class="palm-hasheader">
     <div class="palm-header">Header</div>
      <div id="scrollerId" style="width:500px; height:500px" x-mojo-element="Scroller">
        <div>
        My Text that goes on... and on... and on... horizontally...
        </div>  
    </div>       
</div>

Hier ist mein Code in First-assistant.js:

function FirstAssistant() {
    /* this is the creator function for your scene assistant object. */
}

FirstAssistant.prototype.setup = function() {
    /* this function is for setup tasks that have to happen when the scene is created */

       this.controller.setupWidget("scrollerId",
       this.attributes = {
        mode: 'horizontal'
           }
   );

};

FirstAssistant.prototype.activate = function(event) {
    /* put in event handlers here that should only be in effect when this scene is active. */
};

FirstAssistant.prototype.deactivate = function(event) {
    /* remove any event handlers you added in activate and do any other cleanup */
};

FirstAssistant.prototype.cleanup = function(event) {
    /* this function should do any cleanup needed before the scene is destroyed as 
       a result of being popped off the scene stack */
};

Answer 1

Ich habe es herausgefunden. Der Scrolderid ist das enthaltende Div mit einer festgelegten Breite und Höhe. Die DIV im Inneren der enthaltenden DIV hat eine neue Breite, die größer ist als die enthaltende DIV, um zurück zu scrollen und für mit:

<div id="scrollerId" style="width:320px; height:100px" x-mojo-element="Scroller">
    <div style="width:500px">
                Complication's my claim to fame
                And I can't believe there's another
                Constantly just another
                I can't avoid what I can't control
                And I'm losing ground
                Still I can't stand down
                And I know, yeah I know, yeah
                Complication's my claim to fame
                And I can't believe there's another
                Constantly just another
                I can't avoid what I can't control
                And I'm losing ground
                Still I can't stand down
                And I know, yeah I know, yeah
                Complication's my claim to fame
                And I can't believe there's another
                Constantly just another
                I can't avoid what I can't control
                And I'm losing ground
                Still I can't stand down
                And I know, yeah I know, yeah
    </div>
</div>  

Answer 2

Schauen Sie sich nur einen kurzen Blick auf das HTML -Snipet, dass Sie Ihre Divs nicht abschließen. Probieren Sie diese HTML aus:

<div id="main" class="palm-hasheader">
    <div class="palm-header">Header</div>
        <div id="scrollerId" style="width:500px; height:500px" x-mojo-element="Scroller">
            <div>
            My Text that goes on... and on... and on... horizontally...
            </div>
        </div>
    </div>
</div>

Wie ich schon sagte, ich habe das Problem nicht tiefer in diese ersten Zeilen eingetaucht. :)