この質問は何度か尋ねられています。しかし、答えはどれも私のために働いていませんでした100%divオーバーレイでスクロールバーが表示されないバニラのjavascript
ビデオを見るためにフルスクリーンのオーバーレイを起動する大きなビデオギャラリーがあり、ビデオが再生されているときにスクロールバーが消える必要があります。
ほとんどの場合動作するスクリプトが1つ見つかりましたが、2つの問題があります。まず、マイクロソフトのエッジでは動作しません。第2に、jQueryが必要な唯一のスクリプトです。この依存関係をプロジェクトから取り除くことが大変嬉しいです。ここで私が使用しているスクリプトです。そこに良いバニラのjavascriptの代替ですか?事前に感謝
$(window).load(function() {
$(function() {
$(".noscroll").click(function() {
$(this).next(".hidden").addClass("show");
$(".noscroll").addClass("blurry");
var width = $('body').width();
$("body").css("overflow", "hidden");
var scrollWidth = $('body').width() - width;
$('body').css('margin-right', scrollWidth + 'px')
});
$(".closebtn").click(function() {
$(".hidden").removeClass("show");
$(".noscroll").removeClass("blurry");
$("body").css("overflow", "auto");
$('body').css('margin-right', '0px')
})
});
$(document).mouseup(function(i) {
var container = $(".hidden");
if (!container.is(i.target) && container.has(i.target).length === 0) {
container.removeClass("show");
$(".noscroll").removeClass("blurry")
}
})
});
$('.closeVid').click(function() {
$('body').css('overflow', 'auto')
});
$('.noscroll').click(function() {
$('body').css('overflow', 'hidden')
});
$(document).ready(function() {
$('video').addClass("noscroll")
})
スクリプトは、いくつかの簡単なjqueryの機能である、あなたはバニラJSでと書き換え何の問題もないはずプラスこれは便利かもしれませんhttps://github.com/oneuijs/You-Dont-Need-jQuery – AntK