簡単に言えば、私は 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
ここに属性を追加するにはどうすればよいですか?