因此，我正在尝试一些新的网络语言，到目前为止，我们提出了以下建议：
http://jsfiddle.net/lustre/j9LwghLr/
如果单击其中一张图片，则会出现一个没有滚动条的窗口。哪一个完美！正是我所需要的；但是，如果您单击时仔细观察，则其后面的项目会稍有移动，因为我将滚动条隐藏在主体上。
如何仅将其隐藏在弹出窗口中？好像弹出窗口位于滚动条的顶部。要在窗口打开时停止调整图像大小。
我试过了：
.show::-webkit-scrollbar-track {
visibility:hidden;
}
但是，这似乎没有任何作用...使用jQuery onclick事件打开窗口：
$(".wrapper").click(function(){
$(this).next(".hidden").addClass("show");
$(".wrapper").addClass("blurry");
$("body").css("overflow","hidden");
});
$(".close").click(function(){
$(".hidden").removeClass("show");
$(".wrapper").removeClass("blurry");
$("body").css("overflow","auto");
});
道歉，如果没有什么意义:)（要弹出窗口，请单击绿色的小方块... x3）
jsFiddle链接供您使用：http : //jsfiddle.net/lustre/j9LwghLr/再次，绿色按钮关闭了弹出窗口。
请尝试以下解决方案：
var widht = $('body').width();
$('body').css('overflow', 'hidden')
var scrollWidth = $('body').width() - width;
$('body').css('margin-right', scrollWidth + 'px')
检查以下小提琴
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句