水平スクロールを動作させることはできません
-
24-10-2019 - |
質問
水平方向にスクロールすることはできません。何が足りないの?
これがFirstScene.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 */
};
解決
私はそれを考え出した。 Scrollderidは、設定された幅と高さを備えたdivです。含まれるDiv内のDivには、コンテンディングDIVよりも大きい新しい幅セットがあり、次のようにスクロールします。
<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>
他のヒント
そのHTMLスナイペットを簡単に見ると、あなたがあなたの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>
私が言ったように、私は問題の奥深くに行きませんでした。 :)
所属していません StackOverflow