无法获得水平滚动工作

时间:2010-06-05 22:37:47

标签: javascript scroll webos palm-pre

无法让它水平滚动。我错过了什么?

这是我在first-scene.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>

这是我在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 */
};

2 个答案:

答案 0 :(得分:1)

我明白了。 scrollderId是包含设置宽度和高度的div。包含div中的div有一个新的宽度设置大于包含div以向后滚动和for:

<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>  

答案 1 :(得分:0)

快速浏览一下html snipet告诉我你没有关闭你的div。试试这个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>
</div>

就像我说的那样,我没有深入研究问题然后是前几行。 :)