-1 
"Window": {
    backgroundColor: '#fff'
},
"Label": {
    font: {
        fontSize: 32,
        fontWeight: 'bold'
    }
},
"Button": {
    width: '50%',
    height: Ti.UI.SIZE
},
".button": {
    randomProp: 'OK',
    top: window.height * somevalue;
}

どのように使用してトップWindow's Heightに設定できますか?button's

4

2 に答える 2

0

オブジェクトの属性を通じて、オブジェクトのスタイリング プロパティにアクセスでき.styleます。すなわち:

mybutton.style.top = "10px";

ウィンドウの現在の高さを取得することは、純粋な JS ではよりトリッキーですが、jQuery ライブラリを使用すると簡単に実行できます。

$( 'window' ).height();

jQuery を使用したくない場合は、JS だけで行う方法を次に示します。JavaScript - ブラウザーの高さを取得する

CSS とパーセント値だけで意図が達成できる場合は、それが最善の方法ですが、常に下部にあるフッターのように、ウィンドウ サイズに対してフロートするものを添付しようとしていると思います。新しい CSS3 セレクターのいくつかは、CSS で苦労する可能性があり、おそらく JS で解決する必要があります。

于 2013-02-03T14:00:48.420 に答える
0

これには JavaScript は必要ありません。

ビューポートに対する相対的なposition: absolute;位置を設定するために使用できます。button

button {position: absolute; top: %/px;}

これがあなたの jsFiddleです。

于 2013-02-03T14:12:46.600 に答える