0

簡単に言えば、私は Facebook ページから写真をインポートjquery mobile webpageし、photoSwipe プラグインを使用してそれらを私の に提示しています。

問題は、最終結果が少し奇妙に見えることです。赤い矢印が指しているこの写真を見てください..

ここに画像の説明を入力

ご覧のとおり、スクロール バーが 1 つではなく 2 つ表示されます。ただし、携帯電話から表示すると、1 つのバーのように見えます。

PhotoSwipe プラグインのコード例では、スクロール バーは正常に見えます。

ここに画像の説明を入力

自分でエラーを見つけたいので、今のところコードは提供しません。何を探すべきかについての助けが必要です。理論的には、このダブル スクロール バー効果の原因は何ですか? このように 2 つのスクロール バーがあるとは、具体的にはどういう意味ですか? 内側のスクロール バーは、数ミリだけスクロールします。外側のスクロール バーは期待どおりに機能し、すべての写真をスクロールします。

編集(回答に基づく)


これは、ギャラリーを動的に作成する方法です:

$("#Home").after('<div data-role="page" data-add-back-btn="true" id=Gallery'+ i +
               ' class="gallery-page"' + ' data-url="Gallery' + i + '"> ' +
               ' <div data-role="header"><h1>Gallery</h1></div> ' + ' <div data-role="content"> ' +
               ' <ul class="gallery"></ul> ' + ' </div> ' +
               ' </div> ');

overflow:hiddenここに属性を追加するにはどうすればよいですか?

4

3 に答える 3