0

私は次のものを持っています

<body>
    <div class="sidebar"></div>
    <div class="main">

        <div class="page-1">
            <p>Page 1</p>
            <button id="btn-page2">Go to Page 2</button>
        </div>

        <!-- Other Pages --> 
        <div class="page-2">
            <p>Page 2</p>
        </div>

    </div>


</body>

すべてのページを 1 つの HTML ドキュメントにまとめることで、JQuery モバイルと同じ原則に従おうとしています。

ページの読み込み時には、クラスが page-1 の div のみが表示されます。ただし、id btn-page2 のボタンをクリックすると、最初のページではなく 2 番目のページが表示されます。

属性として display:block を使用して、表示されているページに .active-page クラスを追加できると考えました。

ただし、下から2ページ目もスムーズにスライドさせたい。

助言がありますか？

4

2 に答える 2

0

任意のページを下からスライドさせ、クリックされたボタンに基づいてページ div に追加する css3 クラスを作成できます。

于 2013-09-24T10:09:01.900 に答える