jquery - jQuery-Mobile ページのドラッグを無効にし、ヘッダー/フッターのスクロールを防止

Question

私のWebappのスクロールバーは、「コンテンツ」部分のみをスクロールすることになっています。しかし、コンテンツの最後または上部までスクロールするとすぐに、スクロールバーがヘッダーまたはフッターをスクロールします。また、ページがドラッグされ、非常に見苦しくなります。

ここにいくつかの写真があります：

ヘッダーとフッターは固定されています。

ヘッダ：

<div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false">

フッター:

<div data-role="footer" data-position="fixed" data-tap-toggle="false">

この動作を防ぐにはどうすればよいですか? ありがとうございました。

score 0 · Accepted Answer

ヘッダーに ID を付与します。そして、このスクリプトを追加してみてください。

Jクエリ

$(document).ready(function() {
    $("#my_header").fixedtoolbar({ tapToggle: false });
});

<div id="my_header" data-role="header" data-theme="b">      
    <h1>Header</h1>        
</div>