4

Windows 8 ストア アプリの開発は初めてで、最初のストア アプリを作成中です。

私が作っているアプリはメモを取るアプリです。昨日アプリを起動したばかりなので、まだ非常に基本的なものですが、スクロールに問題があります。問題を表示するスクリーン ショットを次に示します。

ここに画像の説明を入力

ご覧のとおり、特定の数のメモが入力されると、それらが画面に重なり始めます。私がする必要があるのは、メモがディスプレイの側面から一定量のピクセルを超えると、スクロール可能になるようにすることです。

メモが含まれる div は、メモが書き込まれるときに作成されます。入力したテキストの量に応じて、メモのサイズも自動的に変更されます。

オーバーラップするのではなく、左右にスクロールする方法を知っている人はいますか?

編集: CSS は次のとおりです。

body {

      overflow-x:auto;

}

#textInput {
    padding:20px;
    float:left;
    margin-top: 20px;
    margin-left: 20px;

    position:fixed;




}
#noteInput {
    display:block;
    border-width:5px;
    border-color:purple;
    box-shadow: 5px 5px 5px;


}

#titleInput {
    border-width:5px;
    border-color:purple;
    width:285px;
    box-shadow: 5px 5px 5px;


}

#noteSubmit {
    width:295px;
}

#headers {
    margin-left:100px;
    margin-top:80px;

}

#hr {
    margin-right: 40px;
    margin-left: 40px;
}

#noteContainer {
    float:left;
    margin-right:5px;
    margin-top:5px;
    margin-bottom:5px;
    margin-left:400px;





}

JavaScript、jquery、azure などのすべてのバックグラウンド機能を最初に動作させたいので、UI とデザインについてはまだあまり気にしていません。

このアプリは、2 か月後に受ける 70-481 および 70-482 試験のための練習用のプロジェクトとしてのみ実行しているため、ストアなどに掲載されることはありません。ご協力いただきありがとうございます

乾杯コーリー

4

2 に答える 2

1

@ma_il に同意しますが、スクロール機能をカスタム要素に追加したい場合は、それらの要素を div でラップし、その div にいくつかの CSS プロパティを追加するだけです...

オーバーフロー-x: 自動; /* 水平方向にスクロールする/ overflow-y: auto; /垂直方向にスクロールする/ オーバーフロー: auto; /両方向にスクロール */

その div のコンテンツが画面より広い (または高い、または両方) 場合、画面は自動的にスクロールになり、タッチがサポートされます。

于 2013-04-03T15:07:43.397 に答える