右からスライドし、ページ全体を左に押し出すサイドバー メニューを Web ページに作成しました。そのため、同様のサイドバー メニューを備えたネイティブ モバイル アプリに近づけるために、メイン コンテンツのスクロールを無効にする必要がありました。だから、私はこのコードでそれをやった：
/* remember the current scroll position */
self.pageScrolledTo = $(window).scrollTop();
/* and build a listener for the scroll event */
$(document).on('scroll',function (e) {
e.stopPropagation();
e.preventDefault();
window.scrollTo(0, self.pageScrolledTo);
});
問題は、Internet Explorer と Google Chrome で、サイドバーを表示してページをスクロールしようとすると、ページ全体がちらつくことです。一瞬スクロールして元の位置に戻る感じです。Firefox では問題ありません。ページは静止しています。
これで私を助けてもらえますか？...
そして最後に 1 つ: html および/または body タグを overflow: hidden; で作成した場合。- Internet Explorer と Firefox では、スクロールバーが消えますが、古い右端からの要素の正しい距離が計算されます ... 一部の要素については、スクロールバーがまだ存在します ... ?? ...